关于 vue项目 代理的坑;baseURL必须为空；代理才会生效

 基础请求域名必须以当前项目域名或IP

/**

 * 创建 HTTP 请求实例

 */

const request = axios.create({

  baseURL: baseConfig.SERVER_BASE_URL,  //  当使用vite代理的时候基础IP设置为空；当axios 配置了baseURL之后；会导致请求直接跳过vite代理

  timeout: 60000,

  headers: { 'Content-Type': 'application/json;' },

  // headers: { 'Content-Type': 'application/json;charset=utf-8' },

  paramsSerializer: (params: unknown) => qs.stringify(params),

})

 

代理配置文件

proxy: {

      // 配置接口代理规则

      // 示例 1: 匹配以 /api 开头的请求

      '/api': {

        target: '', //目标服务

        changeOrigin: true, // 开启跨域

        rewrite: (path) => path.replace(/^\/api/, ''), // 移除请求路径中的 /api 前缀

      },

  },