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的区别
  • 《春天的故事》歌词
  • 热力过程是指什么?
  • 许吉如的演讲《中国强是因为少年强》
  • 武昌工学院周六教室开门吗
  • 热门搜索
    如何增强记忆力 收到情人红包如何高情商回复 如何提高睡眠质量 人死后去哪里 如何投诉快递公司 wps页面设置在哪里 家用路由器 如何画眼影 如何养兔子 如何做豆腐脑