vue.config.js 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. module.exports = {
  2. outputDir: 'shenze',
  3. publicPath: "/shenze",
  4. assetsDir: 'static',
  5. css: {
  6. extract: false
  7. },
  8. configureWebpack: {
  9. output: {
  10. filename: '[name].[hash].js',
  11. chunkFilename: '[id].[hash].chunk.js'
  12. }
  13. },
  14. devServer: {
  15. open: true,
  16. proxy: {
  17. '/': { //前端任何含/api的URL请求都会被反向代理。如http://localhost:8000/xxx/api/source/xxx的请求会变成服务器的反向代理请求
  18. target: 'http://120.25.151.99:49011', //原来请求的服务器IP地址会换成此地址,如以上地址会变成http://localhost:5000/xxx/api/source/xxx
  19. // target: 'http://112.74.63.148:49011', //原来请求的服务器IP地址会换成此地址,如以上地址会变成http://localhost:5000/xxx/api/source/xxx
  20. changeOrigin: true, // 是否跨域
  21. pathRewrite: {
  22. // '.+?/api': '/api'
  23. } // 这里会对反向代理的地址进行重写。比如我的实际后端资源的URI是http://localhost:5000/api/resource,那么不加这个配置属性的话是访问不到我这个有效地址的。这里配置是一个正则替换,替换后就是后端api真正有效的地址了
  24. },
  25. "/weixin": {
  26. target: "https://api.weixin.qq.com/",
  27. ws: true,
  28. secure: true, // 使用的是http协议设置为 false,https协议设置为 true
  29. changeOrigin: true,
  30. pathRewrite: {
  31. "^/weixin": "",
  32. }
  33. }
  34. },
  35. disableHostCheck: true,
  36. }
  37. }