koa2如何允许跨域_koa2跨域模块koa2-cors

简介: 当域名、端口、协议有任意一个不一样的时候就会存在跨域,那么跨域如何解决呢,有好多种方式:

当域名、端口、协议有任意一个不一样的时候就会存在跨域,那么跨域如何解决呢,有好多种方式:

1、后台允许跨域 2、jsonp 3、websocket  4、iframe ...等

用koa2写的RESTful api,但是调试这个接口的时候,会存在跨域,可以用koa2-cors设置koa2来解决后台允许跨域

1、安装  koa2-cors

npm install --save koa2-cors

2、引入  koa2-cors 并且配置中间件

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

3、完成

经历这几步以后,koa2后台就设置好跨域了,现在可以随意用get  post 获取提交数据了

koa2-cors官方地址:https://github.com/zadzbw/koa2-cors

目录
相关文章
|
15小时前
|
移动开发 JavaScript 前端开发
ElementUI实现登录注册啊,axios全局配置,CORS跨域
ElementUI实现登录注册啊,axios全局配置,CORS跨域
43 0
|
6月前
|
JavaScript 前端开发 Java
ElementUI实现登录注册+axios全局配置+CORS跨域
ElementUI实现登录注册+axios全局配置+CORS跨域
39 0
|
安全 API
Vue3 proxy 解决跨域
jsonp 这种方式在之前很常见,他实现的基本原理是利用了HTML里script元素标签没有跨域限制 动态创建script标签,将src作为服务器地址,服务器返回一个callback接受返回的参数
370 0
Vue3 proxy 解决跨域
|
8月前
|
前端开发 JavaScript
js - 前端跨域
端口号范围 0 ~ 65535
|
8月前
|
JavaScript 前端开发 安全
【Vue】ElementUI实现登录注册+axios全局配置+CORS跨域
【Vue】ElementUI实现登录注册+axios全局配置+CORS跨域
47 0
|
8月前
|
Web App开发 JavaScript 前端开发
前端跨域的原因以及解决方案(vue),一文让你真正理解跨域
前端跨域的原因以及解决方案(vue),一文让你真正理解跨域
415 0
|
9月前
|
JavaScript 前端开发
js处理跨域问题
在JS中,跨域指的是在浏览器中使用Ajax等方式向其他域名的服务器请求数据时出现跨域问题,导致请求失败或数据无法返回的问题。为了解决这个问题,可以采用以下方法:
71 0
|
9月前
|
JavaScript 前端开发 API
js中的跨域
js中的跨域
54 0
vue2 axios跨域解决方法 和nodejs+express跨域
vue2 axios跨域解决方法 和nodejs+express跨域
193 0
|
10月前
|
JavaScript 计算机视觉
vue解决跨域?
vue解决跨域?
74 0