vue 本地服务不能被外部IP访问的完美解决方法
程序员文章站
2022-03-20 15:09:14
解决 webpack-dev-serveri 启动后通过外部访问报错 invalid host header
修改 config/index.js 的 host 属性为...
解决 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文件,找到下面的代码
"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访问的解决方法,希望对大家有所帮助