shenze-sysMan/vue.config.js

const version = new Date().getTime();
module.exports = {
  outputDir: "shenze",
  publicPath: "/shenze",
  assetsDir: "static",
  css: {
    // extract: false
    extract:
      process.env.NODE_ENV === "production"
        ? {
            filename: `css/[name].${version}.css`,
            chunkFilename: `css/[name].${version}.css`,
          }
        : false,
  },
  filenameHashing: true,
  configureWebpack: {
    output: {
      // 动态文件名配置
      filename:
        process.env.NODE_ENV === "production"
          ? `js/[name].[contenthash:8].${version}.js`
          : "js/[name].js",
      chunkFilename:
        process.env.NODE_ENV === "production"
          ? `js/[name].[contenthash:8].${version}.js`
          : "js/[name].js",
    },
  },
  devServer: {
    open: true,
    proxy: {
      "/": {
        //前端任何含/api的URL请求都会被反向代理。如http://localhost:8000/xxx/api/source/xxx的请求会变成服务器的反向代理请求
        target: "http://120.25.151.99:49011", //原来请求的服务器IP地址会换成此地址，如以上地址会变成http://localhost:5000/xxx/api/source/xxx
        // target: 'http://112.74.63.148:49011', //原来请求的服务器IP地址会换成此地址，如以上地址会变成http://localhost:5000/xxx/api/source/xxx
        changeOrigin: true, // 是否跨域
        pathRewrite: {
          // '.+?/api': '/api'
        }, // 这里会对反向代理的地址进行重写。比如我的实际后端资源的URI是http://localhost:5000/api/resource，那么不加这个配置属性的话是访问不到我这个有效地址的。这里配置是一个正则替换，替换后就是后端api真正有效的地址了
      },
      "/weixin": {
        target: "https://api.weixin.qq.com/",
        ws: true,
        secure: true, // 使用的是http协议设置为 false，https协议设置为 true
        changeOrigin: true,
        pathRewrite: {
          "^/weixin": "",
        },
      },
    },
    disableHostCheck: true,
  },
};