vue cli创建的工程 同一局域网网中不能访问？

Question

1.使用Vue cli 创建的工程，自己本机运行正常。
2.在另外一台电脑上不能访问到。（同一局域网）并报错:ERR_CONTENT_LENGTH_MISMATCH
问题：是什么原因导致这种错误？如何解决？

Answer 1

这个问题是 webpack package.json的配置问题
打开项目根目录的 package.json，然后找到scripts，如果你是希望在 npm run dev 的时候 内网可以方访问，那么你再 scripts下的dev 结尾增加一个参数 --host 192.168.0.123，就可以了 替换你的本机ip
给你个完整的例子

"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",
    "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"
  }

多看webpack的文档，这些文档都有

Answer 2

你应该把localhost改成你要访问的电脑的ip再试

Answer 3

有可能是你的nginx配置错误，或者防火墙端口问题，也有可能是磁盘的问题

Answer 4

端口打开了没？？？

Answer 5

确保使用电脑IP 端口。 确保都是用的WIFI或者都是用的网线。