Vue项目本地运行localhost、手机IP都能访问

 时间:2026-04-21 22:20:47

1、第一步:查到运行vue项目的电脑IP

(1)同时按下Windows+R键  打开“运行”窗口

(2)输入cmd 然后 点击确定会直接回车

  

Vue项目本地运行localhost、手机IP都能访问

2、查到运行vue项目的电脑IP

输入ipconfig/all 然后回车

找到  IPv4地址,其所对应的地址就是所需的IP地址

Vue项目本地运行localhost、手机IP都能访问

Vue项目本地运行localhost、手机IP都能访问

3、第二步:打开vue项目中,config目录下的index.js文件

将其中host:的值改为上一步骤找到的IP地址

Vue项目本地运行localhost、手机IP都能访问

4、第三步:打开vue项目中,根目录下的package.json文件

将其中script中的dev添加 --host 第一步找到的IP

Vue项目本地运行localhost、手机IP都能访问

5、第四步:运行vue文件 $ npm start 

打开运行后出现的地址即可,电脑与手机的地址是一样的

Vue项目本地运行localhost、手机IP都能访问

Vue项目本地运行localhost、手机IP都能访问

Vue项目本地运行localhost、手机IP都能访问

  • 告诉你CCSP/CCIP/CCDP/CCVP/CCNP的区别
  • 《春天的故事》歌词
  • 热力过程是指什么?
  • 许吉如的演讲《中国强是因为少年强》
  • 武昌工学院周六教室开门吗
  • 热门搜索
    国家公祭日手抄报 小学生文明礼仪手抄报 防火知识手抄报 九九重阳节手抄报大全 我阅读我快乐手抄报 诚信手抄报内容 我与校树共成长手抄报 关于心理的手抄报 儒家文化手抄报 雾霾手抄报