nextjs 开发环境解决跨域问题

1. 问题：在使用nextjs进行开发时，由于前端项目开在端口3000,后端项目在3001，前端访问后端端口产生了跨域问题

2. 操作

可在项目根目录下新建next.config.js，内容如下：

module.exports = {

    async rewrites() {
        return [
                source: '/jshERP-boot/:slug*',
                destination: `http://localhost:3001/jshERP-boot/:slug*`,
            },


        ]
    },
}

配置将过滤带有/jshERP-boot前缀的请求（可根据具体项目写前缀），访问地址将被重写为http://localhost:3001/jsh-boot/:slug*`

3、结果 后端数据可成功访问

thx~

参考 next.config.js: Rewrites | Next.js (nextjs.org)