Koa前后端分离开发如何解决跨域问题

在开发中我们经常会遇到跨域的问题，常见的解决办法一是前端使用JSONP，二是后端设置允许跨域的响应头，而在用Koa进行开发时，解决跨域问题常用以下两个模块。

Koa-jsonp，使用方法如下：

1.安装Koa-jsonp

代码语言：javascript复制

npm install koa-jsonp --save

2.引入Koa-jsonp

代码语言：javascript复制

var jsonp = require('koa-jsonp');

3.配置中间件

代码语言：javascript复制

app.use(jsonp());

4.使用中间件，如下所示，返回一个JSON格式的数据给前台。

代码语言：javascript复制

ctx.body={"message":'更新成功',"success":true}

以上方法只是设置了让后端支持返回json格式数据，但要跨域请求需通过前端去实现，而实际的开发中，大多都是后端解决跨域问题，那就需要用到下面这个中间件了。

Koa2-cors中间件，使用方法如下：

1.安装Koa2-cors

代码语言：javascript复制

npm install koa2-cors --save

2.引入Koa2-cors

代码语言：javascript复制

var cors= require('koa2-cors);

3. 配置中间件

代码语言：javascript复制

app.use(cors());

koa 网站 json

0 人点赞