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

mac2025-02-18  7

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

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

最新回复(0)