最近做了一个应用管理系统,采用前后端分离方式开发,前端使用了layuiadmin框架,后端使用了 .net web api,在开发过程中,遇到了ajax跨域问题及header自定义设置,这是所有前后端分离开发都需要解决的问题,在此做一个记录。
一、自定义header
在前端ajax请求时,我们在header中设置了自定义的头部信息,将token写入了头部,便于后端进行身份认证, 如:xhr.setRequestHeader("Authorization", access_token)。通过了ajax全局方法做了统一处理。
var loading={};
$(document).ajaxStart(function(){
loading = layer.load(2, {shade: [0.4,'#fff'] }); //加载中,等待
}).ajaxSend(function (e, xhr, options) {
if(options.type.toLowerCase()=='post'){ //post使用application/json类型
xhr.setRequestHeader("Content-Type","application/json; charset=utf-8");
}
if(access_token!=''&&access_token!=undefined){
xhr.setRequestHeader("Authorization", "Bearer "