react 通過 http-proxy-middleware 實現跨域

1.安裝 http-proxy-middleware 模塊

yarn add http-proxy-middleware

"http-proxy-middleware": "^1.0.1"

2.在 src 文件夾下 創建 setupProxy.js 文件

const { createProxyMiddleware } = require('http-proxy-middleware');
 
module.exports = function (app) {
  app.use(
    createProxyMiddleware(
      '/api',
      {
        target: 'http://106.13.9.213:9000',
        changeOrigin: true,
        pathRewrite: {
          '/api': ''
        }
      }
    )
  );
};

3.頁面中調用

async componentDidMount() {
  let res = await axios.get('/api/admin/category');
  console.log(res);
}

.