Ant Design Pro V5 代理设置（javascript版）

Posted 2021-11-09 シ゛甜虾

页面请求后台API，由于前端的端口是8000，后端api的端口是5000，所以无法访问，官方的代理教程在下面链接中

代理https://pro.ant.design/zh-CN/docs/proxy这里讲2中方法

方法1

fetch跨域问题，一种方法使用代理package.json文件增加一个字段
"proxy": "http://localhost:5000",

方法2

修改config文件夹下proxy.js
export default {
  dev: {
    '/api/': {
      target: 'http://localhost:5000',
      changeOrigin: true,
      pathRewrite: {
        '^': '',
      },
    },
  },
  test: {
    '/api/': {
      target: 'http://localhost:5000',
      changeOrigin: true,
      pathRewrite: {
        '^': '',
      },
    },
  },
  pre: {
    '/api/': {
      target: 'http://localhost:5000',
      changeOrigin: true,
      pathRewrite: {
        '^': '',
      },
    },
  },
};

重启端即可，在这里前端请求显示的依然是端口8000，不用管实际已经向5000请求了