axios 发送 header 并且设置允许跨域

最新推荐文章于 2024-10-02 12:09:21 发布

程序员小羽

最新推荐文章于 2024-10-02 12:09:21 发布

阅读量6.7k

点赞数 1

分类专栏： vue 文章标签： javascript header axios

本文链接：https://blog.csdn.net/a1334933655/article/details/121185504

版权

vue 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

每次单独添加header

axios.post(`/api`, obj, {
	headers: {'Token': 'xxxxx'}
})

添加默认header头

//vue默认header
axios.defaults.headers.common['Token'] = "token";

别忘了后端要设置允许的自定义header参数

/******方式一*****/
//允许所有请求
response.setHeader("Access-Control-Allow-Origin", "*");
//允许访问类型
response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE, PUT, HEAD");
//这里设置允许的自定义header参数
//content-type: 请求参数的编码格式（必填）
//x-www-form-urlencoded -- name1=value1&name2=value2…
//multipart/form-data -- 文件上传编码格式
response.setHeader("Access-Control-Allow-Headers", "content-type,Token");
//指定本次预检请求的有效期，单位秒，在此期间不用发出另一条预检请求。
response.setHeader("Access-Control-Max-Age", "3600");


/*********第二种方式********/
// 如果发来的请求是预检请求
// 则通过
if (request.getMethod().equals("OPTIONS")){
    response.setStatus(response.SC_OK);
}