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的区别
  • 《春天的故事》歌词
  • 热力过程是指什么?
  • 许吉如的演讲《中国强是因为少年强》
  • 武昌工学院周六教室开门吗
  • 热门搜索
    去头皮屑最好的方法 内向怎么办 昆明旅游攻略景点大全 淘宝怎么申请售后 你比划我猜题目大全 爆炒腰花的家常做法 福寿鱼怎么做好吃 皮卡车价格大全 联通怎么查套餐 许嵩的歌曲大全