vue.config.js 1.5 KB

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