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'

如图
clipboard.png

方法二:
找到文件 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

就可以通过移动端测试了。

clipboard.png

本文固定链接: http://www.js-code.com/vue-js/vue-js_24881.html