vue项目运行后使用ip地址在手机上打开


1、获取ip地址

window+r,输入cmd按回车后在输入ipconfig
在这里插入图片描述

ipv4地址就是你了

2、保证你的手机和电脑使用的是一个wifi

3、修改配置文件

(1)vue.config.js文件中修改 host localhost host 0.0.0.0
(2)你的vue.config.js文件可以由于配置较多,配置在了config文件夹的index.js文件中
在这里插入图片描述
(3)修改package.json文件中添加–host 0.0.0.0,然后重新重启项目。
“scripts”: {
“dev”: “webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.conf.js”,
}

注意:重新运行项目后使用ip地址加上端口号即可
如:http://192.168.101.101:8080

猜你喜欢

转载自blog.csdn.net/weixin_44784401/article/details/131463862