vue中axios使用二：axios以post，get，jsonp的方式請求後臺數據

本文爲博主原創，轉載請註明出處

　　axios在上一篇中講過：vue中axios使用一：axios作攔截器，axios是請求後臺資源的模塊，用來請求後臺資源。

　　axios自己是支持get，post請求後臺數據，示例以下：

post方式：

axios.post('/user', {
    firstName: 'Fred', lastName: 'Flintstone' }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); });

　　get方式：

axios.get('/user?ID=12345')
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) { console.log(error); });

　　axios不支持jsonp的方式，在網上搜尋了不少的方式，找到一個能夠使用jsonp在前端跨域請求的一個方法，特此記錄

　　　　axios不支持jsonp，由於axios的做者以爲jsonp不太友好，推薦用CORS方式更爲乾淨，可是jsonp支持範圍更加廣闊一些，

　　一些老式的IE瀏覽器也能支持，因此有些公司仍是jsonp用的多些，那麼若是要使用jsonp,能夠獨立安裝

　　npm i jsonp --save-dev 而後在頁面中引用import jsonp from 'jsonp'，使用方式也是很是簡單的:

 jsonp(config.ajaxUrl + '路徑', null, (err, data) => {
   if (err) {
     console.error(err.message);
   } else {
     if (data.list.length > 0) {
       data.list.map((item) => this.list.push(item))
       console.log(data);
     }
   }
 })