vue 启动后 通过ip访问不了_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,

}

<