ant design pro 代理

一.注意 在生产环境 代理是无法生效的

二.代理配置

1.位置 config/config.ts

proxy: {
    //代理以访问/service/api 开头的所有路由
    '/service/api': {
      target: 'http://154.26.140.15:8000',//代理目标地址
      changeOrigin: true,//开启跨域访问
      pathRewrite: {
        '^/service': '', //发请求的时候去掉service
      },
    },
  },

2.具体接口调用

方法一，手动补上/service

export async function fakeAccountLogin(params: LoginParamsType) {
  return request('/service/api/publish/carousel/', {
    params
  })
}

方法二，请求拦截 补上/service

//if里面是请求头加token，不需要可注释掉
//process.env.NODE_ENV === 'production' ? A:B; (A是生成环境，B是本地)

request.interceptors.request.use(async (url: string, options: {}) => {
  const token = sessionStorage.getItem('antd-pro-authority');
  const baseUrl = process.env.NODE_ENV === 'production' ? 'http://154.26.140.15:8000':'/service';
  if (token) {
    const headers = {
     Authorization: `JWT ${token}`,
     };
   return {
      url: baseUrl + url,
      options: { ...options, headers },
    };
   }
  return {
    url: baseUrl + url,
    options: { ...options },
  };
});

 

注意