VUE项目,进行移动端测试
操作步骤:
1、运行项目
npm run dev
2、电脑创建热点
3、手机连接热点,通过本地ip 访问项目
http://9.1.**.**:8080/#/
//查询本地域名
//1、 windows + R > 输入 cmd
//2、 输入 ipconfig
//3、IPV4 地址 就是IP地址了
4、发现报错,无法访问
5、解决
方法一:
找到文件 config > index.js
host : '0.0.0.0'
// 将host设置为'0.0.0.0'
如图
方法二:
找到文件 package.json
"scripts": {
"dev": "webpack-dev-server --inline --host 0.0.0.0 --progress --config build/webpack.dev.conf.js",
//在dev中添加 --host 0.0.0.0
},
设置完成后重启服务器,不然不起作用
6、重新启动项目
npm run dev
就可以通过移动端测试了。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。