关于vue项目配置-proxy

写了很久的react，现在突然接手vue的项目，因为代理的问题，折腾了我很长时间，特地记录一下！

vue2的配置

// vue.config.js

devServer = {
    port: 80, // 默认端口号
    https: false, // 是否为https 请求 https:{type:Boolean}
    compress: true,
    disableHostCheck: true, // 加上这段
    proxy: {
      [process.env.VUE_APP_BASE_API]: {
        target: process.env.VUE_APP_TARGET_API,
        changeOrigin: true,
        pathRewrite: {
          [`^${process.env.VUE_APP_BASE_API}`]: '',
        },
      },
    },
  }

vue3的配置

// vite.config.ts
server: {
      // https: true, // 是否为https 请求 https:{type:Boolean}
      host: true,
      port: 80, // 默认端口号
      proxy: {
        '/api': {
          target: env.VITE_APP_TARGET_API,
          changeOrigin: true,
          rewrite: (path) => path.replace(/^\/api/, ''),
          secure: false,
        },
      },
    }