vue 本地服务不能被外部IP访问的完美解决方法
解决webpack-dev-serveri启动后通过外部访问报错invalidhostheader
修改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,//necessaryforFriendlyErrorsPlugin
disableHostCheck:true,
watchOptions:{
poll:config.dev.poll,
}
}
启动后就可以通过IP访问了，比如IP为192.168.1.100
http://192.168.1.100:8080
PS：vue把localhost改成ip地址无法访问—解决方法
打开package.json文件，找到下面的代码
"scripts":{
"dev":"webpack-dev-server--inline--progress--configbuild/webpack.dev.conf.js",
"start":"npmrundev",
"build":"nodebuild/build.js"
},
改成
"scripts":{
"dev":"webpack-dev-server--inline--progress--configbuild/webpack.dev.conf.js--host192.168.0.114",
"start":"npmrundev",
"build":"nodebuild/build.js"
},
host后面是你的ip地址。
以上所述是小编给大家介绍的vue本地服务不能被外部IP访问的解决方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！