vue部署到服务器不能访问的问题

将vue项目部署到服务器后用netstat-ntlp命令查看端口情况会发现下图

netstat.png

表示只能本地访问，解决方法如下：

step 1 修改build-> webpack.base.conf.js，

 publicPath: config.dev.assetsPublicPath,
    proxy: config.dev.proxyTable,
    quiet: true, // necessary for FriendlyErrorsPlugin
  disableHostCheck:true,  //添加该项
    watchOptions: {
      poll: config.dev.poll,
    }

step 2 修改config-> index.js

 host: '0.0.0.0', // 原来为localhost
    port: 8086, // 不需要固定端口可以不用修改