首页 > 其他分享 >axios允许跨域cookie

axios允许跨域cookie

时间:2024-09-22 09:49:21浏览次数:11  
标签:axios const 跨域 accessToken get url token cookie config

// 添加请求拦截器
service.interceptors.request.use(
	(config) => {
		// // 在发送请求之前做些什么 token
		// if (Session.get('token')) {
		// 	(<any>config.headers).common['Authorization'] = `${Session.get('token')}`;
		// }

		// 获取本地的 token
		config.withCredentials = true;

		const accessToken = Local.get(accessTokenKey);
		
		if (accessToken) {
			// 将 token 添加到请求报文头中
			config.headers!['Authorization'] = `Bearer ${accessToken}`;

			// 判断 accessToken 是否过期
			const jwt: any = decryptJWT(accessToken);
			const exp = getJWTDate(jwt.exp as number);

			// token 已经过期
			if (new Date() >= exp) {
				// 获取刷新 token
				const refreshAccessToken = Local.get(refreshAccessTokenKey);

				// 携带刷新 token
				if (refreshAccessToken) {
					config.headers!['X-Authorization'] = `Bearer ${refreshAccessToken}`;
				}
			}
			// debugger
			// get请求映射params参数
			if (config.method?.toLowerCase() === 'get' && config.data) {
				let url = config.url + '?' + tansParams(config.data);
				url = url.slice(0, -1);
				config.data = {};
				config.url = url;
			}
		}
		return config;
	},
	(error) => {
		// 对请求错误做些什么
		return Promise.reject(error);
	}
);

允许跨域cookie

config.withCredentials = true;

标签:axios,const,跨域,accessToken,get,url,token,cookie,config
From: https://www.cnblogs.com/shiningrise/p/18424931

相关文章

  • RemoveCookieWall,Firefox 扩展
    您是否厌倦了网站上流行的横幅,以便您接受第三方cookie或结账?在这篇文章中,我解释了如何制作(并发布)一个firefox扩展以避免大多数网站出现这种情况信息此扩展的代码发布于https://github.com/jagedn/removecookiewall-addon您可以从https://addons.mozilla.org/es/firefox/addo......
  • vue中axios请求数据
    首先引入包:yarnaddaxios再导入importaxiosfrom'axios'<template><div><h1>登录页面</h1><form><labelfor="username">用户名:</label><inputtype="text"id="userna......
  • Python使用browser_cookie3库来读取浏览器Cookies
    browser_cookie3是一个用于从浏览器中提取Cookies的Python模块。下面是使用该模块的步骤:1.安装browser_cookie3模块。pipinstallbrowser_cookie32.导入browser_cookie3模块。 import browser_cookie33.提取浏览器Cookies。可以使用下面的代码提取GoogleC......
  • vue/配置axios(前后端数据连通/api接口的调用)
    1.创建apis文件2.写入调用的api地址且暴露出去。importhttpInstancefrom'@/utils/http';exportfunctiongetHomeNav(){returnhttpInstance({url:'http://10.0.11.91:91/dailyreport/getdailyreportall',})}3.创建文件编写拦截器 代码部分//axio......
  • 保存与读取cookie
    接着爬取上次提过的网站。当前页面需要登录才能获取信息,编写爬虫自动登录,自定义opener对象添加可以保存cookie的HTTPCookieHandler处理器来发送请求,将cookie保存成cookie.txt文件,再读取cookie并向服务器发送请求获取目标网页信息。目标url为http://www.tuili.com/bbs/bbsShowDetai......
  • Kali下安装与使用BeEF:反射型与存储型XSS攻击、Cookie会话劫持、键盘监听及浏览器操控
    早八人,护网在即,该学习了~前言BEEFXSS(BrowserExploitationFrameworkXSS),更常见的称呼是BeEF(TheBrowserExploitationFramework),是一个开源的浏览器漏洞利用框架。它由MichałZalewski于2006年创建,旨在帮助渗透测试人员评估Web浏览器的安全性,发现并利用其中的漏洞。xss基......
  • vue 配置代理 及 axios 请求封装和使用
    一.配置代理- vue.config.js const{defineConfig}=require('@vue/cli-service')module.exports=defineConfig({ transpileDependencies:true, //配置代理服务器 devServer:{  proxy:{   '/baidu':{    target:'https://ba......
  • 爬虫cookie的使用
    cookie是一种由网站创建并存储在用户计算机上的小型文本文件。访问该网站时由浏览器返回给服务器。cookie主要作用是帮助网站记住用户信息,包括但不限于:会话管理,网站使用cookie识别用户的会话,以便用户在浏览网站时不需要重复登录。个性化体验,通过存储用户的偏好设置,网站可以在用......
  • 使用 Axios 配置动态域名的基础 URL 和项目打包
    在Web开发中,我们常常需要根据不同的环境(如开发、测试和生产)配置不同的API基础URL。使用Axios作为HTTP客户端,我们可以通过动态配置基础URL来实现这一目标。本文将介绍如何在Axios中配置动态域名,并提供项目打包的示例。为什么需要动态配置基础URL?在开发过程中,我......
  • vue项目之配置本地,测试,生产环境,配置axios.defaults.baseURL,解决跨域问题
    最近在做一个vue项目,想通过不同的命令调用不同环境的api,防止来回手动修改api出错。网上看了好多写的都不全,然后自己突发奇想自己写一篇文章。一、先简单说一下项目搭建1、安装vue脚手架npminstallvue-cli-g2、在硬盘上找一个文件夹放工程用的,在终端中进入该目录cd目录路......