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 路径下。

亲测有效！