本地模拟生产环境开发

问题①： 隧道开通后使用反向域名代理到本地项目后使用域名访问报：Invalid Host header

主机头无效？因为webpack出于安全考虑，默认检查hostName，如果hostName不是配置内的就不能访问。如果想访问，直接跳过检查就行了。直接在vue.config.js中的devServer中加入。

解决方法：

  // webpack-dev-server 相关配置
  devServer: {
    open: true,
    host: '127.0.0.1',
    port: 8070,
    https: false,
    hot: true,
    hotOnly: true,
    disableHostCheck: true // 代理时直接跳过检查
    // proxy: {
    //   //配置代理
    //   '/chun': {
    //     target: 'http://10.37.3.72:9090',
    //     pathRewrite: { '/chun': '/' }
    //   }
    // }
  },