解決 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訪問的解決方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
