node.js,axios實(shí)踐

跨域問題可以參考阮一峰的博客,講的很詳細(xì)。
跨域資源共享 CORS 詳解

這里記錄一下,node.js服務(wù)端和axios/ajax請求的實(shí)踐代碼。
node.js

//以express為例
//設(shè)置跨域訪問
app.all('*', function(req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "Content-Type");
    res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");;
    next();
});

axios
get: 常規(guī)操作
post: 需要將post data轉(zhuǎn)化成文本,否則content-type: application/json,跨域成非簡單請求,進(jìn)入預(yù)檢請求。會增加一次HTTP查詢請求。axios的一個(gè)bug. axios issues362

//get
axios.get('http://127.0.0.1:8081/getJson')
  .then(res=>{
    console.log(res);
  })
  .catch(err=>{
    console.log(err);
  })
//post
//user JSON.stringify or other libs like qs.stringify
let data=JSON.stringify({
  data:'axios',
  info:{
     type:'post',
  }
})
axios.post('http://127.0.0.1:8081/postJson',data)
    .then(res=>{
      console.log(res);
    })
    .catch(err=>{
      console.log(err);
    })

ajax
正常操作即可

//get
$.get('http://127.0.0.1:8081/getJson',(data,status)=>{
   console.log(status);
   console.log(data);
 })

//post
//跨域請求post
  $.post('http://127.0.0.1:8081/postJson',{
    data:'ajax',
    info:{
      data:'post',
    }
  },(data,status)=>{
    console.log(status);
    console.log(data);
  })
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 題目1.什么是同源策略? 同源策略(Same origin Policy): 瀏覽器出于安全方面的考慮,只允許與本...
    FLYSASA閱讀 1,876評論 0 6
  • http協(xié)議 Resource,URL,Request,Response,Headers http 請求的是資源R...
    Sharise_Mo佩珊閱讀 737評論 0 4
  • 我們的青春有傷感,有優(yōu)美,,,,
    淺夏大人閱讀 163評論 0 0
  • 最近在校內(nèi)軍訓(xùn),剛剛開始。其實(shí)在還沒有開始的時(shí)候,我就在想,要不要找什么借口逃開呢?但是導(dǎo)生說,這是要給你學(xué)分的,...
    有件事無法釋懷閱讀 695評論 0 0
  • 《三千年后》-李香琴&關(guān)淑怡 這首歌真的太厲害了,里面的念白可以讓人肝腸寸斷。 短短的唱曲,用氣息發(fā)聲,吊著人的心...
    楊花蘿卜閱讀 631評論 0 0

友情鏈接更多精彩內(nèi)容