Next Js 不代理 API 请求
我是新来的,我面临以下问题,我很高兴得到您的帮助
在我的下一个应用程序中,我在 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论