文档章节

eggjs跨域访问—CORS插件

月夜中徘徊
 月夜中徘徊
发布于 01/14 21:26
字数 259
阅读 6
收藏 0

当做前后端分离时,常常遇到跨域访问问题

这里我用eggjs做后端,前端通过ajax获取数据

eggjs开启跨域访问,需要用到egg-cors插件

egg-cors安装:

npm i egg-cors --save

开启egg-cors插件:

// config/plugin.js

exports.cors = {
  enable: true,
  package: 'egg-cors',
};

 

配置文件:

// config/config.default.js

// 配置指定的前端地址
config.cors = {
        origin: 'http://127.0.0.1:7002',
        allowMethods: 'GET,HEAD,PUT,POST,DELETE,PATCH,OPTIONS',
        // 下面这条加上才能共享跨域session,同时前端ajax请求也要加上响应的参数
        credentials: true, 
    };

    config.security = {
        // 关闭csrf验证
        csrf: {
            enable: false,
        },
        // 白名单
        domainWhiteList: ['*']
    };

 

路由加上:

router.post('/api/test/list', controller.api.test.list);

前端ajax示例:

$.ajax({
  url: 'http://127.0.0.1:7001/api/test/list',
  type: "POST",
  json: true,
  xhrFields: {
    withCredentials: true
  },
  precessData: false,
  success: function(result) {
    if (result.success) {
      console.log(result.msg);
      console.log(result.result);

    } else {
      console.log(result);
    }
  },
    error: function(responseStr) {
      console.log(responseStr);
    }
});

 

© 著作权归作者所有

共有 人打赏支持
上一篇: HTML初学体验
月夜中徘徊
粉丝 7
博文 36
码字总数 13351
作品 0
贵阳
私信 提问
跨域解决方案(二)

CORS 原理:Cross-Origin Resource Sharing ,即跨源资源共享,在现代版浏览器上,增加一些新的请求头和响应头,浏览器通过这些请求头和响应头,判断是否允许我们跨域访问,以及允许的访问的时...

兴趣e族
2016/12/28
0
0
Java Web应用中支持跨域请求

由于工程合作开发的需要,后台的应用要能支持跨域访问,但是在这个跨域访问“时好时坏”,我们这帮屌丝所知道的就是加上两个jar包,然后声明一下Filter,感觉很简单的有没有!!感觉自己很牛...

lmy86263
2016/06/21
0
0
前后端分离 | 关于登录状态那些事

背景 登录是一个网站最基础的功能。有人说它很简单,其实不然,登录逻辑很简单,但涉及知识点比较多,如: 密码加密、cookie、session、token、JWT等。 我们看一下传统的做法,前后端统一在一...

小忽悠
2018/10/12
0
0
SpringBoot 实现前后端分离的跨域访问(CORS)

一、基本介绍 CORS是一种访问机制,英文全称是Cross-Origin Resource Sharing,即我们常说的跨域资源共享,通过在服务器端设置响应头,把发起跨域的原始域名添加到Access-Control-Allow-Orig...

Jokey2017
2017/11/14
0
0
跨域CORS原理及调用具体示例讲解

上篇博客介绍了JSONP原理,其不足,就是只能使用GET提交,若传输的数据量大,这个JSONP方式就歇菜了。那这篇博客就来介绍另一种跨域介绍方案—CORS。 相对JSONP,CORS支持POST提交,并且实施...

Night_Emperor的博客
2017/12/19
0
0

没有更多内容

加载失败,请刷新页面

加载更多

eggjs与sequelize简单demo

参考 egg 官方文档 安装 // 依赖npm install --save egg-sequelize mysql2// ts 类型npm install --save @types/sequelize 插件,config/plugin.ts import { EggPlugin } from 'egg';......

Geeyu
56分钟前
1
0
看过上百部片子的这个人教你视频标签算法解析

本文由云+社区发表 随着内容时代的来临,多媒体信息,特别是视频信息的分析和理解需求,如图像分类、图像打标签、视频处理等等,变得越发迫切。目前图像分类已经发展了多年,在一定条件下已经...

腾讯云加社区
今天
4
0
2. 红黑树

定义:红黑树(Red-Black Tree,简称R-B Tree),它一种特殊的二叉查找树(Binary Search Tree)。 要理解红黑树,先要了解什么是二叉查找树。在上一章中,我们学习了什么是二叉树,以及二叉树...

火拳-艾斯
今天
3
0
input的button类型,点击页面跳转

一、input type=button 不做任何操作 例如: <input type="button" class="btn btn-primary" style="width: 30%" value="返回" onclick="window.location.href='/users/list'"></input> onc......

Sunki
今天
1
0
踩坑:js 小数运算出现精度问题

背景 在学习小程序商城源码时发现了这个问题,单价可能出现小数,小数之间运算结果会莫名其妙多出一大串数字,比如下面这样👇。 在此之前我是知道 js 中著名的 0.1 + 0.2 != 0.3 的问题的,...

dkvirus
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部