这篇文章主要介绍了Vue本地服务不能被外部IP访问怎么办,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。解决 webpack-dev-serv
这篇文章主要介绍了Vue本地服务不能被外部IP访问怎么办,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
解决 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
Http://192.168.1.100:8080
PS:vue把localhost改成ip地址无法访问—解决方法
打开package.JSON文件,找到下面的代码
"scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
"start": "npm run dev",
"build": "node build/build.js"
},
改成
"scripts": {
"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访问怎么办”这篇文章对大家有帮助,同时也希望大家多多支持编程网,关注编程网JavaScript频道,更多相关知识等着你来学习!
--结束END--
本文标题: vue本地服务不能被外部IP访问怎么办
本文链接: https://www.lsjlt.com/news/73359.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0