【发布时间】:2021-06-12 06:27:11
【问题描述】:
为了消除 cors OPTIONS 请求,我想通过 Next.JS 服务器代理 API 调用。我已将此配置更改添加到我的 next.config.js 文件中:
const withImages = require("next-images");
const { environment } = require("./environments/environment");
module.exports = withImages({
rewrites: async () => [
{ source: "/proxy/api/:match*", destination: `${environment.apiUrl}/:match*` },
],
});
我正在运行下一个版本 10.2.3(发布时的最新版本)。
对后端的调用是通过 React 组件中的 fetch 执行的。在浏览器开发工具中,我可以看到正在执行 HTTP 请求。一个请求被发送到“http://localhost:4200/proxy/api/user/me”。它击中下一个服务器。但在那之后,Next 服务器不会访问 API 服务器。它立即以 404 响应。它似乎根本没有识别“重写”配置。
【问题讨论】: