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的文件,而是保存在内存中的文件……

转载于:https://www.cnblogs.com/lyxverycool/articles/6429696.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值