Vue 手机测试vue移动端项目

1：获取电脑网络ip地址（注意：手机端与电脑端需在同一无线局域网下，可电脑连接手机热点）

命令行输入：ipconfig

回车后获取到ip地址：

如图中的172.20.10.4

2：将获取到的地址替换项目中的http：localhost：8080地址

具体步骤：打开项目中的package.json文件，将红色部分代码段

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "unit": "jest --config test/unit/jest.conf.js --coverage",
    "e2e": "node test/e2e/runner.js",
    "test": "npm run unit && npm run e2e",
    "build": "node build/build.js"
  },

修改为：

 "scripts": {
    "dev": "webpack-dev-server --host 172.20.10.4 --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "unit": "jest --config test/unit/jest.conf.js --coverage",
    "e2e": "node test/e2e/runner.js",    
    "test": "npm run unit && npm run e2e",
    "build": "node build/build.js"
  },

3：电脑将项目运行起来

4：手机任意浏览器打开172.20.10.4：8080