vue的post请求,vue发送请求时如何设定header

  vue的post请求,vue发送请求时如何设定header

  这篇文章主要介绍了某视频剪辑软件如何为得到或邮政请求设置请求头,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

  

目录

   为得到或邮政请求设置请求头安装vue-cookiesvue项目设置请求头权限问题

  

为GET或POST请求设置请求头

  

安装vue-cookies

  就通过我写的一个小项目的登录来讲饼干,登陆成功后拿到后台返回的代币值,把它保存到vue-cookie中

  首先需要安装vue-cookies

  新公共管理安装小甜饼-保存

  使用

  从“vue”导入某视频剪辑软件

  从"饼干"导入VueCookies

  vue。使用(vue cookies);

  设置饼干

  这个. cookies.set(自定义名字,后台获取的令牌)

  示例

  //Login.vue

  Login(){ //登录

  这个. http $ post( home/log in ,{uPwd:this.password, uPhone:this.account}).然后(结果={

  if(result.body.status===200){

  这个. cookies.set(auth ,result。身体。数据);

  let redirect=decodeURIComponent(this .$ route。查询。redirect /home );

  这个1000美元路由器。push({ path:redirect });

  }否则{

  吐司(输入密码或账号错误,请重新输入);

  }

  }).catch(function(){

  console.log(服务器异常);

  })

  }

  }

  全局设置请求头

  //index.js

  vue。http。截击机。push((请求,下一个)={

  //请求发送前的处理逻辑

  request.headers.set(auth ,vuecoookies。get( auth ))

  下一步((响应)={

  //请求发送后的处理逻辑

  //根据请求的状态,响应参数返回给成功回调或错误回调

  返回响应

  })

  })

  

vue项目设置请求头权限问题

  新建一个公共射流研究…文件。如:lp.js .

  //设置请求消息头

  导出函数头(内容类型,标记){

  let headers={ };

  headers[ Content-Type ]=内容类型?内容类型:应用程序/JSON;charset=utf-8 ;

  设a=窗户。位置。href

  设b=a .索引( # );

  设登录URL=a . substring(B2);

  if(loginUrl){

  本地存储。登录网址=登录网址;

  }

  设url=a.substring(0,B2);

  if(登录URL=== log in 登录URL=== reg 登录URL=== phone auth 登录URL== email info ){

  令牌="";

  }否则{

  令牌=窗口。本地存储。getitem(晶晶_登录_令牌);

  }

  令牌=令牌?令牌:"";

  let key= jmjbgewo 4 eyit pa 4

  设当前时间戳=新日期()。getTime()" ";

  设nonce _ str=getNonceStr(32);

  设lp_sign=sign(token,current_timestamp,nonce_str,key);

  标头[token]=令牌;

  headers[ current-timestamp ]=current _ timestamp;

  headers[ nonce-str ]=nonce _ str;

  headers[ LP-sign ]=LP _ sign;

  返回标题;

  }

  //生成随机字符串

  导出函数getnon centr(len)

  len=len 32

  let chars= 1234567890 abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz ;

  让maxPos=chars.length

  让s=

  对于(设I=0;我leni ) {

  s=字符。charat(数学。地板(数学。random()* maxPos));

  }

  返回s;

  }

  //在组件中使用直接引用,

  从" @/assets/js/common/lp.js "导入{标题}

  方法:{

  //获取员工架构

  getTree() {

  //那个emit(updataTree )

  让那个=这个

  这个. http({

  方法:“得到”,

  url:api.treeList,

  * * headers:headers( application/JSON;charset=utf-8 ),**

  缓存:假

  }).然后(函数(资源){

  if(参考数据。代码==10000 分辨率数据。data==null){

  that.treeDatas=res.data.data

  console.log(that.treeDatas,//====treeDatas )

  }否则{

  那个$消息。错误(参考数据。味精);

  }

  });

  },

  }

  其中api.js中这么定义

  让蝴蝶=http://192。168 .6 .207:8891/jersey/;//xxip

  const api={

  baseUrl:蝴蝶,

  treeList:Butterfly 企业信息/当前/用户,

  };

  导出默认美国石油学会(American Petroleum Institute)

  当然在路由请求时需要设置,在router.js文件中

  router.beforeEach(收件人,发件人,下一个)={

  如果(!本地存储。晶晶_登录_令牌到。路径!==/ to.name!==phoneAuth to.name!==reg to.name!==同意to.name!==restPsd to.name!==能力评估to.name!==离开评估to.name!==联系人to.name!==wasAsked to.name!==newWitesite_index to.name!==bySinging to.name!==brokenQuery to.name!==登录){

  路由器。推送({ path:/log in });

  }否则{

  设a=窗户。位置。href

  设b=a .索引( # );

  设登录URL=a . substring(B2);

  if(loginUrl){

  本地存储。登录网址=登录网址;

  }

  next();

  }

  });

  导出默认路由器;

  以上为个人经验,希望能给大家一个参考,也希望大家多多支持我们。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: