解决 vue-cli 2 中 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