REACT 开发服务器将本地的API代理到后端服务器

摘要

正在生成中……

【本地开发】反代API路径，如将 /api开头的路径反代到后端wrangler pages dev 的地址。

在 src/setupProxy.js 中配置代理

const { createProxyMiddleware } = require('http-proxy-middleware');

module.exports = function(app) {
  app.use(
    ['/api', '/auth'],
    createProxyMiddleware({
      target: 'http://localhost:8788', // 修改为后端服务器wrangler pages dev 的地址
      changeOrigin: true,
    })
  );
};

这样访问本地的API，实际访问的是后端服务器 ，如： http://localhost:3001/api/check-login 实际访问的是 http://localhost:8788/api/check-login