axios 中配置withCredentials

withCredentials 有什么用?

跨域请求是否提供凭据信息(cookie、HTTP认证及客户端SSL证明等)，也可以简单的理解为，当前请求为跨域类型时是否在请求中协带cookie。

配置withCredentials:

const service = axios.create({baseURL: process.env.VUE_APP_BASE_API, // 环境变量base接口地址 url = base url + request urlwithCredentials: true, // 跨域请求时发送Cookietimeout: 60000, // 请求超时headers: {"Content-Type": "application/json; charset=UTF-8;"}
});

需要注意是，当配置了xhr.withCredentials = true时，必须在后端增加 response 头信息Access-Control-Allow-Origin，且必须指定域名，而不能指定为*。

如果在同域下配置xhr.withCredentials，无论配置true还是false，效果都会相同，且会一直提供凭据信息(cookie、HTTP认证及客户端SSL证明等)

Access-Control-Allow-Credentials 响应头表示是否可以将对请求的响应暴露给页面。返回true则可以，其他值均不可以。

Access-Control-Allow-Credentials 头工作中与XMLHttpRequest.withCredentials 或Fetch API中的Request() 构造器中的credentials 选项结合使用。Credentials必须在前后端都被配置（即the Access-Control-Allow-Credentials header 和 XHR 或Fetch request中都要配置）才能使带credentials的CORS请求成功。

axios 中配置withCredentials相关推荐

给axios的请求拦截器中配置token
axios 1. 配置token 用户第一次登录系统时,服务器端会返回一个身份秘钥信息(token),表明当前用户有资格.权限访问服务器,客户端获取token之后,通过sessionStorage存储 ...
java配置接口提供给vue,vue在js中配置全局API接口
在src文件夹中新建util文件夹,然后在新建一个globalAPI.js文件. 在js中配置后端的接口数据 const http = 'http://127.0.0.1:8989' const gl ...
axios代理跨域 cli4_vuecli 3.0之跨域请求代理配置及axios路径配置莫小龙
vue-cli 3.0之跨域请求代理配置及axios路径配置问题:在前后端分离的跨域请求中,报跨域问题配置: vue.config.js: module.exports = { runtimeCo ...
关于vue-cli3中配置请求跨域的问题
关于vue-cli3中配置请求跨域的问题根据Vue CLI3官方文档, 需要在vue.config.js文件中配置devServer.proxy选项来解决跨域问题. 1.关于vue.config.j ...
vue2安装axios基本配置
安装axios npm install axios --save 引入axios 可以直接在main.js中直接引入也可以重新创建.js文件,然后在main.js中引入新创建文件在新建.js文件中 ...
axios请求配置baseURL选项
在src同级目录创建 (1).env.delelopment : 开发模式时调用 (2).env.production :生产模式时调用 (3).env.testing : 测试模式时调用 # 页面 ...
http请求与响应，同步异步请求以及异步请求axios的配置
文章目录 http http简介,协议 http请求 http响应接收请求行请求头数据同步异步请求异步请求axios的配置配置文件 http http简介,协议 http是超文本传输协议 (H ...
Maven安装与配置（最实用！！！）eclipse中配置maven
Maven安装与配置一.需要准备的东西 JDK Eclipse(本章主要是在eclipse中进行配置maven) Maven程序包二.下载与安装 1. 前往maven下载最新版的Maven程序: ...
Spring中配置DataSource数据源的几种选择
Spring中配置DataSource数据源的几种选择在Spring框架中有如下3种获得DataSource对象的方法: 从JNDI获得DataSource. 从第三方的连接池获得DataSourc ...

axios 中配置withCredentials

axios 中配置withCredentials相关推荐

最新文章

热门文章