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

 时间:2026-02-14 11:04:02

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的区别
  • 《春天的故事》歌词
  • 热力过程是指什么?
  • 许吉如的演讲《中国强是因为少年强》
  • 武昌工学院周六教室开门吗
  • 热门搜索
    朝阳轮胎怎么样 qq怎么换头像 帕萨特怎么样 分数怎么打 傻怎么读 长款大衣怎么搭配 怎么治咳嗽 斗鱼鱼丸怎么换钱 北京理工大学珠海学院怎么样 盆腔炎怎么治