当前位置:首页 » 《随便一记》 » 正文

记一次vue 使用axios跨域问题(CROS)_weixin_41767181的博客

16 人参与  2022年05月30日 17:57  分类 : 《随便一记》  评论

点击全文阅读


记一次vue 使用axios跨域问题(CROS)

在前端框架需要添加Token到请求头中时会出现跨域

前端在axios中配置请求头

// An highlighted block
axios.defaults.headers.common['Authorization'] = 'aaa111222';
// 创建axios实例
const service = axios.create({
  // axios中请求配置有baseURL选项,表示请求URL公共部分
  baseURL: process.env.VUE_APP_BASE_API,
  // 超时
  timeout: 10000
})
service.interceptors.request.use(config => {
  // 是否需要设置 token
  const isToken = (config.headers || {}).isToken === false
  if (getToken() && !isToken) {
    config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
    config.headers['Content-Type'] = 'application/json;charset=utf-8'
  }
  return config
}, error => {
    console.log(error)
    Promise.reject(error)
})

后端设置支持跨域请求头token字段

response.setHeader("Access-Control-Allow-Origin","*");
response.setHeader("Access-Control-Allow-Methods", "POST,GET,OPTIONS,DELETE,HEAD,PUT,PATCH");
response.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept, token,Authorization");

以nodejs为例,后端解决跨域

app.all("*",function(req,res,next){
    //设置允许跨域的域名,*代表允许任意域名跨域
    res.header("Access-Control-Allow-Origin","*");
    //允许的header类型
    res.header("Access-Control-Allow-Headers","Origin, X-Requested-With, Content-Type, Accept, token, Authorization");
    //跨域允许的请求方式   
    res.header("Access-Control-Allow-Methods","DELETE,PUT,POST,GET,OPTIONS");
    if (req.method.toLowerCase() === 'options')
        res.send(200);  //让options尝试请求快速结束
    else
        next();
});   

点击全文阅读


本文链接:http://m.zhangshiyu.com/post/41050.html

请求  设置  后端  
<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新文章

  • 凤夭夭(听我心声后,炮灰一家集体虐渣)完整版小说阅读_听我心声后,炮灰一家集体虐渣凤夭夭全文免费阅读
  • (裴玉梁靖森)听雪灼烧:结局+番外精品选集起点章节+阅读即将发布预订
  • 听了***悄悄话,所有人都让我去死番茄热门_妹妹明白掌上明珠小编推荐_小说后续在线阅读_无删减免费完结_
  • 与婳燕尔:完结+结局+番外(与婳燕尔云婳司珩:完结+结局+番外)
  • 咫尺一念间后续更新+番外_小说后续在线阅读_无删减免费完结_
  • 薛冷面(都市重生从废柴到异能王者)TXT无套路在线+无广告结局
  • 产检报告一切正常,全家却都盼着我去死结局+番外_师成安茵茵明白精校文本_小说后续在线阅读_无删减免费完结_
  • 沈毓灵踹掉言情男主,勾搭男频帝王小说(踹掉言情男主,勾搭男频帝王)前传+全书阅读新作预览
  • 改娶抓阄选中的残疾女将军后,郡主悔疯了看点十足_太后叶眠雪裴知晏宝藏文_小说后续在线阅读_无删减免费完结_
  • 高考还没开始,爸妈开始惩罚我了惊天黑幕_青青董梦竹许诺全新_小说后续在线阅读_无删减免费完结_
  • 沈时宴林初眠附加完整在线阅读(踹掉渣男后,我被闺蜜小叔宠上天)最近更新列表
  • 娇妾善撩又能生,男主为她折腰(顾熙宁)结局+番外新上热文_(顾熙宁)娇妾善撩又能生,男主为她折腰小说全文免费阅读最新章节列表笔趣阁

    关于我们 | 我要投稿 | 免责申明

    Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1