内网穿透 vue 返回 invalid host header

2019年03月17日 16:05:29 renzhehongyi 阅读数：1926收起

个人分类： 互联网Vue

问题：使用花生壳内网穿透只返回304，invalid host header

原因：新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的，将中断访问。

解决：webpack.dev.conf.js添加配置 disableHostCheck: true,

1. devServer: {

2. clientLogLevel: 'warning',

3. historyApiFallback: {

4. rewrites: [

5. { from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') },

6. ],

7. },

8. hot: true,

9. contentBase: false, // since we use CopyWebpackPlugin.

10. compress: true,

11. host: HOST || config.dev.host,

12. port: PORT || config.dev.port,

13. open: config.dev.autoOpenBrowser,

14. overlay: config.dev.errorOverlay

15. ? { warnings: false, errors: true }

16. : false,

17. publicPath: config.dev.assetsPublicPath,

18. proxy: config.dev.proxyTable,

19. quiet: true, // necessary for FriendlyErrorsPlugin

20. watchOptions: {

21. poll: config.dev.poll,

22. },

23. disableHostCheck: true,

24. },

disableHostCheck: true, },