webpack-dev-server不能用ipv4访问,只能用localhost访问

今天用webpack-dev-servser启动一个项目时遇到一个问题,

想用手机连同一局域网测试,但发现不能用iPv4+端口号访问。

原因:如果host指明了,只能使用配置绑定的host才能访问

如果需要使localhost127.0.0.1以及iPv4均可以访问,你可以使用host配置为0.0.0.0

有可能npm start服务写在package.json中

"scripts": {
    "lint": "eslint 'app/**/*.@(js|jsx)'",
    "lint:msg": "validate-commit-msg",
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack",
    "start": "webpack-dev-server --devtool eval --progress --hot --host 0.0.0.0 --content-base app",
    "deploy": "NODE_ENV=production webpack -p --config webpack.production.config.js",
    "deploy-windows": "SET NODE_ENV=production & webpack -p --config webpack.production.config.js",
    "validate": "npm ls",
    "commit": "git cz",
    "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 1"
  },

如图,在start后面加 --host 0.0.0.0即可

而且webpack搭建本地服务器,监听文件改变,实时更新;但是不会输出结果文件到磁盘,适于生产环境下调试;

webpack-dev-server调用的脚本文件不是output的文件,而是保存在内存中的文件……

posted @ 2017-02-22 16:48  李元夕cool  阅读(581)  评论(0编辑  收藏  举报