解决 webpack-dev-serveri 启动后通过外部访问报错 invalid host header
修改 config/index.js 的 host 属性为 ‘0.0.0.0\'
{
// ...,
host: \'0.0.0.0\',
port: 8080,
// ...
}
修改 build/webpack.dev.conf.js 的 devServer 配置
增加 disableHostCheck = true
devServer: {
clientLogLevel: \'warning\',
historyApiFallback: true,
hot: true,
compress: true,
host: HOST || config.dev.host,
port: PORT || config.dev.port,
open: config.dev.autoOpenBrowser,
overlay: config.dev.errorOverlay
? { warnings: false, errors: true }
: false,
publicPath: config.dev.assetsPublicPath,
proxy: config.dev.proxyTable,
quiet: true, // necessary for FriendlyErrorsPlugin
disableHostCheck: true,
watchOptions: {
poll: config.dev.poll,
}
}
启动后就可以通过 IP 访问了,比如 IP 为 192.168.1.100
PS:vue把localhost改成ip地址无法访问—解决方法
打开package.json文件,找到下面的代码
\" s\": {
\"dev\": \"webpack-dev-server --inline --progress --config build/webpack.dev.conf.js\",
\"start\": \"npm run dev\",
\"build\": \"node build/build.js\"
},
改成
\" s\": {
\"dev\": \"webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 192.168.0.114\",
\"start\": \"npm run dev\",
\"build\": \"node build/build.js\"
},
host后面是你的ip地址。
以上所述是小编给大家介绍的vue 本地服务不能被外部IP访问的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
继续阅读与本文标签相同的文章
上一篇 :
Google提供访问古代遗迹虚拟3D模型的新途径
-
能「看到」的张量运算:因子图可视化
2026-05-18栏目: 教程
-
各位纳税人请注意应在增值税发票管理系统停机升级前做好的相关业务
2026-05-18栏目: 教程
-
铲屎官必备,快用这些APP把你宠物做成表情包!
2026-05-18栏目: 教程
-
方便的解码转码工具CTFcrack
2026-05-18栏目: 教程
-
机器人可以自学单手解魔方了,这意味着什么?
2026-05-18栏目: 教程
