Nextjs 前端设置正向代理 解决 跨域问题
找到next.config.js文件,添加如下配置,更改你的代理路径:
const nextConfig = {
// .......
async rewrites() {
return [
{
source: '/api/:path*',
destination: `https://example.com/api/:path*`,
},
];
}
}
module.exports = nextConfig
这样配置以后,每次发送请求给“/api/”就会被直接代理到对应域名的地址,而不会出现跨域问题。
如:
/api/data 会代理到 域名/api/data 路径下。
亲测有效!