thinkjs 解决跨域最优方案

如果在base.js 中设置跨域，如果请求在Logic这里效验不通过，前台就会报跨域错误。
最佳方案是在中间件里面设置跨域。

第一步
在config 的中间件配置里面，启用一个自定义中间件，这个可以是你的模块名称什么的，然后设置下仅在访问模块的方法的时候生效，一般前后端分离是写后台界面时候产生，所以我这里设置admin。

{handle: 'admin',match: ctx => {const url = ctx.path;if (url.slice(0, 6).toLowerCase() === '/admin') {console.log("调用admin中间件");return true;}return false;},options: {}},

第二步
创建跨域处理的js，
如果没有origin头部表示并非跨域，就直接next。
如果存在，就设置跨域头部，
然后再判断是否options请求，如果不是就next，让它进入控制器中，
如果是options请求就设置状态码为204。

module.exports = (options, app) => {return (ctx, next) => {const requestOrigin = ctx.get('Origin');if (!requestOrigin) {console.log('非跨域连接')return next();}console.log('跨域连接')ctx.set('Access-Control-Allow-Origin', requestOrigin || "*");ctx.set('Access-Control-Allow-Methods', 'POST,GET,OPTIONS');ctx.set('Access-Control-Allow-Credentials', true);ctx.set('Access-Control-Max-Age', 3600);ctx.set('Access-Control-Allow-Headers', 'Authorization, Content-Type, If-Match, If-Modified-Since, If-None-Match, If-Unmodified-Since, X-Requested-With');if (ctx.method !== 'OPTIONS'){return next();}ctx.status = 204;console.log('options请求')}
}

thinkjs 解决跨域最优方案相关推荐

服务端解决跨域问题的方案（二）
一分钟说明本文主要基于Nginx的配置来解决服务端跨域问题. 涉及知识点: - Nginx的配置 Nginx的跨域配置 location /project {proxy_pass http://10 ...
服务端解决跨域问题的方案（一）
转自: http://blog.csdn.net/james_wade63/article/details/50772041 跨域是指html文件所在的服务器与ajax请求的服务器是不同的ip+por ...
【javaWeb微服务架构项目——乐优商城day03】——（搭建后台管理前端，Vuetify框架，使用域名访问本地项目，实现商品分类查询，cors解决跨域，品牌的查询）
乐优商城day03 0.学习目标 1.搭建后台管理前端 1.1.导入已有资源 1.2.安装依赖 1.3.运行一下看看 1.4.目录结构 1.5.调用关系 2.Vuetify框架 2.1.为什么要学习U ...
解决跨域常见方案（is therefore not allowed access)
目录什么是跨域: 跨域问题的产生原因: 什么标签可以跨域几种解决跨域的常见方案什么是跨域: 在同一网页中访问多个不同域名下的接口获取数据,即不同域名或不同端口或不同协议的接口.这种现象就是跨 ...
Node.js 模块化的操作，简单明了的代码帮助你明白后端的实现和前端之前的交互，及解决跨域等问题
Node.JS 模块化 1.require 导入模块const http=require('http')2.exports 导出模块db={name:'jine',age:22} module.e ...
第九节：解决跨域问题与实现品牌查询
此博客用于个人学习,来源于网上,对知识点进行一个整理. 1. 跨域问题: 以下情况都属于跨域: 跨域原因说明示例域名不同 www.jd.com 与 www.taobao.com 域名相同,端口不同 ...
JAVA商城项目（微服务框架）——第7天nginx+cors解决跨域+品牌+分类查询
0.学习目标使用资料搭建后台系统会使用nginx进行反向代理实现商品分类查询功能掌握cors解决跨域实现品牌查询功能 1.搭建后台管理前端 1.1.导入已有资源后台项目相对复杂,我们不再从 ...
Nginx 解决跨域问题
什么是跨域当一个请求url的协议.域名.端口三者之间任意一个与当前页面url不同即为跨域 nginx解决跨域请求 nginx.config配置 server {listen 80;server_na ...
微服务架构（5）：nginx反向代理cors解决跨域
微服务架构(5):nginx反向代理&&cors解决跨域学习目标 1.使用域名访问本地项目 1.1.统一环境 1.2.域名解析 1.3.解决域名解析问题 1.4.nginx解决端口问 ...

thinkjs 解决跨域最优方案

thinkjs 解决跨域最优方案相关推荐

最新文章

热门文章