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