返回主页
返回测试列表

同源请求测试

通过 Next.js API 路由代理,浏览器只与同域服务器通信

测试说明

这个测试通过 Next.js API 路由作为代理:

  1. 浏览器向 Next.js 服务器发起同源请求
  2. Next.js 服务器向后端 API 发起跨域请求
  3. 服务器将结果返回给浏览器

如果此测试通过但跨域测试失败,说明解决方案是使用服务器端代理。

这是实际的后端 API 地址,Next.js 服务器将代理请求到此地址

同域代理 GET 请求

待测试

同域代理 POST 请求

待测试

同域代理带 Header 请求

待测试

实现建议

如果同源代理测试通过,你可以通过以下方式实现:

  • 创建 Next.js API 路由作为代理端点
  • 前端请求改为调用同域 API 路由
  • API 路由在后端转发请求到真实后端