攜帶cookie進行數據請求


前端進行數據請求有:普通的ajax(json)請求,jsop跨域請求,cors跨域請求,fetch請求...PC端這些請求方式中,普通的ajax(json)請求和jsop跨域請求是默認攜帶cookie的,而cors跨域請求和fetch請求默認是不攜帶cookie的。因此,當我們的請求需要攜帶cookie時,我們就要對cors跨域請求和fetch請求這兩中請求方式進行特殊配置處理。對於做移動端的童鞋來說,要是能把項目運行在PC端中最好不過,對於調試過程中的BUG一目了然,所以做特殊處理后更有利於我們在PC端進行調試。

  • fetch請求方式:
    fetch('/community/getCommunityActivityByCommunityId', {
    method: "POST",
    headers: {
    "Content-Type": "application/x-www-form-urlencoded"
    },
    credentials: 'include',
    body:"communityId="+this.props.location.query.communityId
    })
    .then((res) => { return res.json(); })
    .then((data) => {
    //請求成功
    })
    .catch((e) => {
    //報錯
        });
    1. 我們要在請求頭中添加上這個配置:
      credentials: 'include'
  • cors跨域請求方式:
    $.ajax({
    type: "post",
    url:"/activity/queryPrizeRecord",
    dataType: "json",
       xhrFields: {
    withCredentials: true
    },
    crossDomain: true,
    data:{},
    success:function(data){

    },
    error:function(e){
    }
    })
    1. 我們要在請求頭中添加上這個配置:
        xhrFields: {
      withCredentials: true
      },
      crossDomain: true
  • 配上對應的特殊配置后,cookie就會被帶上去請求數據了。。。  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM