iframe标签存取token的问题

2022-08-18 16:35:07 阅读：155 来源： 互联网

标签：contentType 存取 data token sessionGetItem iframe sessionStorage config iframe参数

需求：

在a项目中嵌套b项目的b1页面，使用iframe 实现页面嵌套，但是token不共享的情况下如何存取token 正常访问B1页面。

实现：

后台提供不需要输入用户名密码的接口，跑定时任务可以正常获取token。但是iframe 无法正常使用get/setcookie 的方式存取token。只能改变思路使用

sessionStorage的setItem/getItem 方法。代码：

/** 设置缓存 **/
export function sessionSetItem(name, data) {
    window.sessionStorage.setItem(name, data)
}
/** 获取缓存 **/
export function sessionGetItem(data) {
    return window.sessionStorage.getItem(data);
}
/** 删除缓存 **/
export function sessionRemoveItem(data) {
    window.sessionStorage.removeItem(data)
}
/** 删除全部缓存 **/
export function sessionRemoveItemAll() {
    window.sessionStorage.clear()
}

request.js文件引入上述方法

import {
    delCookie,
    getCookie,
    setCookie,
    sessionRemoveItem,
    sessionGetItem
} from "./index.js";

并设置config 请求头的值

axios.interceptors.request.use(
    config => {
        //qs 系列化参数
        if (!config.noLoading) {
            Vue.prototype.loadingCount++;
            Vue.prototype.nowloading();
        } else if (Vue.prototype.loadingCount != 0) {
            Vue.prototype.loadingCount++;
        }
        if (config.contentType == 'application/json;charset=utf-8') {
            config.data = JSON.stringify(config.data)
        } else if (config.contentType == 'multipart/form-data;charset=utf-8') {
            config.data.append('token', getCookie('apToken'))
        } else {
            config.data = qs.stringify(config.data);
        }
        if (config.contentType) {
            config.headers['Content-Type'] = config.contentType;
        }
        //增加header参数（用户中心网关拦截）
            config.headers['btoken'] = getCookie('apToken') ? getCookie('apToken') : sessionGetItem('apSessionToken');return config;
    },
    error => {
        return Promise.reject(error);
    }
);

在b1页面定义获取token的方法，并用session存储即可。

         // 获取token
        getTokenMsg(){
            this.$get('请求接口路径').then(res=>{
                if(res.code == '200'){
                    sessionSetItem('apSessionToken',res.data);
                    console.log('111',sessionGetItem('apSessionToken')+','+res.data);
                    this.handleSelectClick();//直接调用查询接口
                }
            })
        },

标签：contentType,存取,data,token,sessionGetItem,iframe,sessionStorage,config,iframe参数
来源： https://www.cnblogs.com/zhu-xl/p/16599136.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

iframe标签存取token的问题