vue集成apollo,本地api服务器端,请求405、500错误,无法获取数据?

在使用Win10和VSCode开发Vue应用并集成Apollo进行GraphQL请求时,遇到405和500错误。问题源于API服务器端未正确处理CORS。通过在服务端引入'koa-cors'中间件并配置,成功解决了跨域问题,实现了与本地Vue客户端的数据交互。
摘要由CSDN通过智能技术生成

【问题】:win10 + vscode 开发 vue 客户端,集成 apollo,配置 apollo 的 uri 为 本地环境 http://localhost:4000/graphql ,运行后无法获取 api 服务器端数据,chrome 的 network 中查看是 405 错误,修改 hosts 文件后变成500错误;查看 服务端即 api 端,报错如下:

 TypeError: res.setHeader is not a function ...

【解决】
服务端即 api 端,做如下修改:

npm i koa-cors 

/app.js 文件中修改代码如下:

const cors = require('koa-cors');
const app = new Koa();
app.use(cors())

成功获取 api 端数据 !

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值