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

问题描述

问 题

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

解决方案

这个问题是 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的文档，这些文档都有

这篇关于vue.js - vue cli创建的工程 同一局域网网中不能访问？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！