vue项目--同一局域网访问你本地的项目

方法一：

1. 处于同一个网段（PS：连同一个WiFi）

2. 重启本地环境：

(1) yarn run dev --host 0.0.0.0(不需要修改配置文件)

(2) npm run dev --host (需要修改config/index.js ，把 host: 'localhost', 改为 host: '0.0.0.0')

3. 你电脑的IP + 本地项目的端口号 别人打开这个就可以访问你本地项目了（类似于：192.168.100.100:8089 ）

原文：https://www.jianshu.com/p/01540879feb6

方法二

"scripts": {
    "dev": "webpack-dev-server --content-base test/ --open --inline --hot --compress --history-api-fallback --port 8081 --config build/webpack.dev.config.js --host 192.168.0.123",     注： --host  + ip
    "dist:style": "gulp --gulpfile build/build-style.js",
    "dist:dev": "webpack --config build/webpack.dist.dev.config.js",
    "dist:prod": "webpack --config build/webpack.dist.prod.config.js",
    "dist": "npm run dist:style && npm run dist:dev && npm run dist:prod",
    "lint": "eslint --fix --ext .js,.vue src",
    "unit": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run",
    "test": "npm run lint && npm run unit",
    "prepublish": "npm run dist"
  }

vue项目--同一局域网访问你本地的项目

推荐阅读