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

机上打开"/>

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

文章目录

• 1、获取ip地址
• 2、保证你的手机和电脑使用的是一个wifi
• 3、修改配置文件

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