网页的Vue项目怎么在手机上面测试

注意：以下操作必须保证你的手机与电脑在同一局域网下

1.修改config文件夹下面的index.js文件 找到host: ‘localhost’,修改为：host: ‘0.0.0.0’

module.exports = { dev: { ...... host: 'localhost', // can be overwritten by port: 8080, // can

2.运行在命令行输入：npm run dev

启动完成后是这样：

当时通过http://0.0.0.0:8080这个地址是打不开的。

3.浏览器访问的地址：

电脑浏览器访问可以使用：http://localhost:8080

手机浏览器访问：http://本机实际IP:8080

通过CMD---ipconfig查看本机真是ip

把0.0.0.0换成实际IP