Next Js 不代理 API 请求

发布于 2025-01-09 02:21:55 字数 823 浏览 0 评论 0原文

我是新来的,我面临以下问题,我很高兴得到您的帮助

在我的下一个应用程序中,我在 api 请求期间使用重写来绕过 cors。

async rewrites() {
    return [
        {
            source: '/api/:path*',
            destination: 'http://localhost:82/api/:path*',
            
        },
        {
            source: '/en/api/:path*',
            destination: 'http://localhost:82/en/api/:path*',
        },
    ]
},

我的应用程序中有以下路由

/checkout/error

但是当我向 api 发出请求时,页面 url 的一部分将替换为对 api 的请求。

Request URL: http://localhost:3001/en/checkout/en/api/v2/pick-number/order/token/62111ff5e3a0

这是我的请求:

axios.get(`/en/api/pick-number/order/token/${token}`)

但是,如果我在未指定区域设置的情况下发出请求,则一切都会正常。另外,如果路由没有嵌套,例如只是“/checkout”,那么一切都会正常工作。 对于本地化,我使用 i18n。 我对这个问题感到沮丧,请帮忙。

I'm new to next and I'm facing the following problem and i will be glad for your help

In my next application i use rewrites to get around cors during api requests.

async rewrites() {
    return [
        {
            source: '/api/:path*',
            destination: 'http://localhost:82/api/:path*',
            
        },
        {
            source: '/en/api/:path*',
            destination: 'http://localhost:82/en/api/:path*',
        },
    ]
},

And i have the following route in my application

/checkout/error

But when I make a request to the api, part of the page url is substituted into the request to the api.

Request URL: http://localhost:3001/en/checkout/en/api/v2/pick-number/order/token/62111ff5e3a0

Here is my request:

axios.get(`/en/api/pick-number/order/token/${token}`)

However, if I make a request without specifying the locale, everything goes fine. Also, if the route is not nested, for example just "/checkout", then everything works correctly.
For localization i use i18n.
I am frustrated with this problem, please help.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文