Next.js 配置接口跨域代理转发

上一个章节中，讲解了next下如何通过axios获取远程数据，可是遇到了跨域的问题，所以单独写个文章讲解一下，如何在开发模式dev下面，解决跨域，没有使用跨域代理之前

下面开始讲解如何跨域
首先，打开我们的koa项目，启动，用koa来作为后台接口模拟数据

好，正式开始配置~~~~~~~~~~~~~~~~~~~~~~~~~~
打开Next项目
1:安装跨域的依赖中间包 http-proxy-middleware

2：根目录下面新建server.js
//server.js

ps：target一定要修改为

http://localhost:3333/api/

，而不是'

http://localhost:3333

，否则就会404，我这里就搞错了
3：修改package.json
//package.json

4:使用
//pageA.js

可以看到前面的前缀就不需要啦，直接加地址就好了
效果图

OK，成功跨域

Collapsible

热门标签

热点问答