vue.config.js 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. const CompressionPlugin = require("compression-webpack-plugin");
  2. module.exports = {
  3. // publicPath: process.env.NODE_ENV === 'production'
  4. // ? '/infoVue/'
  5. // : '/',
  6. publicPath:'./',
  7. // outputDir: 'dist',
  8. // assetsDir: 'static',
  9. productionSourceMap:false,
  10. configureWebpack: () => {
  11. if (process.env.NODE_ENV === 'production') {
  12. return {
  13. plugins: [
  14. new CompressionPlugin({
  15. test: /\.js$|\.html$|\.css$|\.jpg$|\.jpeg$|\.png/, // 需要压缩的文件类型
  16. threshold: 10240, // 归档需要进行压缩的文件大小最小值,我这个是10K以上的进行压缩
  17. deleteOriginalAssets: false // 是否删除原文件
  18. })
  19. ]
  20. }
  21. }
  22. },
  23. lintOnSave:false,
  24. // 配置反向代理
  25. devServer: {
  26. // https: true,
  27. port: 8092,
  28. proxy:{
  29. "/collection": {
  30. target: "http://127.0.0.1:7001", // 本机地址
  31. // target: "https://3586m61d02.yicp.fun", // 本机地址 -CH 测试用的
  32. // target: "https://mz.tshe.cn/collection", // 生产后端路径
  33. // target: "https://tfxs.ccsckj.com/collection", // 生产后端路径-X
  34. // target: "https://info.windd.cn/collection", // 生产后端路径
  35. ws: true, // 是否启用websockets
  36. changeOrigin: true, //开启代理:在本地会创建一个虚拟服务端,然后发送请求的数据,并同时接收请求的数据,这样服务端和服务端进行数据的交互就不会有跨域问题
  37. pathRewrite: {
  38. "^/collection": "" //这里理解成用'/api'代替target里面的地址,比如我要调用'http://40.00.100.100:3002/user/add',直接写'/api/user/add'即可
  39. }
  40. },
  41. // "/obs-demo": {
  42. // target: "http://abc.ccsckj.com/obs-demo", // 祥云OBS
  43. // // target: "http://127.0.0.1:8080/obs-demo", // 祥云OBS
  44. // ws: true, // 是否启用websockets
  45. // changeOrigin: true, //开启代理:在本地会创建一个虚拟服务端,然后发送请求的数据,并同时接收请求的数据,这样服务端和服务端进行数据的交互就不会有跨域问题
  46. // pathRewrite: {
  47. // "^/obs-demo": "" //这里理解成用'/api'代替target里面的地址,比如我要调用'http://40.00.100.100:3002/user/add',直接写'/api/user/add'即可
  48. // }
  49. // }
  50. },
  51. }
  52. };