美文网首页
跨域请求-JWT认证将token添加到Authorization

跨域请求-JWT认证将token添加到Authorization

作者: 新注册账号 | 来源:发表于2021-01-04 14:37 被阅读0次

跨域请求-JWT认证将token添加到Authorization


后端

增加代码:

header('Access-Control-Allow-Origin: 

header('Access-Control-Allow-Headers:Origin,X-Requested-With,Content-Type,Accept,Authorization');

header('Access-Control-Allow-Methods:GET,POST');

//CORS跨域 允许Authorization

header('Access-Control-Allow-Origin:http://wwww.demo.com');

header('Access-Control-Allow-Headers:Origin,X-Requested-With,Content-Type,Accept,Authorization');

header('Access-Control-Allow-Methods:GET,POST');

前端

增加代码:

beforeSend: function(xhr) {

 var token = 'xxxxxxxxxx';

 xhr.setRequestHeader("Authorization", "Bearer "+token);

},

demo示例:

$("#submit").click(function() {

    $("#request-process-patent").html("正在提交数据,请勿关闭当前窗口...");

    $.ajax({

        type: "POST",

        beforeSend:function(xhr){

             var token='xxxxxxxx';xhr.setRequestHeader('Authorization','Bearer '+token);},url: "http://www.newweb.com/index.php?act=loginWap&op=login",

        contentType: "application/json; charset=utf-8",

        data: JSON.stringify(GetJsonData()),

        dataType: "json",

        success: function (data) {

            if (data.code == 200) {

                alert('登录成功!');

                window.location.href="http://www.logindemo.com/backend.html";

            }else {

                alert('用户名或密码错误!');

            }

        },

        error: function (message) {

            $("#request-process-patent").html("用户名或密码错误!");

        }

    });

});

function GetJsonData() {

    var json = {

        "code": $("#code").val(),

        "user_name": $("#user_name").val(),

        "password": $("#password").val()

    };

    return json;

}

相关文章

  • 跨域请求-JWT认证将token添加到Authorization

    跨域请求-JWT认证将token添加到Authorization 后端 增加代码: header('Access-...

  • jwt介绍,以及在node和koa中的应用

    JWT JSON Web Token( JWT)是目前最流行的跨域认证解决方案。 一般的跨域认证方式 流程如下: ...

  • 浅析JWT

    1.JWT(JSON Web Token) JSON Web Token (缩写JWT) 是目前最流行的跨域认证解...

  • .NET Core5.0 JWT鉴权SSO单点登录

    JWT JWT全称“JSON Web Token”,是基于JSON的用户身份认证的令牌。可跨域身份认证,所以JWT...

  • vue axios跨域请求发送两次问题

    问题: vue axios跨域请求,在Request Headers加Authorization传递Token时,...

  • JWT简记

    JSON Web Token(JWT)是目前最流行的跨域认证解决方案。 跨域认证问题及传统解决方案 传统认证流程 ...

  • JWT(Json Web Token)科普

    JSON Web Token(缩写 JWT)是目前最流行的跨域认证解决方案,本文介绍它的原理和用法。 一、跨域认证...

  • JWT的初步认识

    JSON Web Token(缩写 JWT)是目前最流行的跨域认证解决方案,本文介绍它的原理和用法。 一、跨域认证...

  • JSON Web Token 入门教程(转)

    JSON Web Token(缩写 JWT)是目前最流行的跨域认证解决方案,本文介绍它的原理和用法。 一、跨域认证...

  • JSON Web Token 【JWT】

    JSON Web Token(缩写 JWT)是目前最流行的跨域认证解决方案,本文介绍它的原理和用法。 一、跨域认证...

网友评论

      本文标题:跨域请求-JWT认证将token添加到Authorization

      本文链接:https://www.haomeiwen.com/subject/ikkhoktx.html