vuejs發起http請求

配置文件:

import axios from 'axios'
import qs from 'qs'
import * as _ from './whole'
axios.defaults.timeout = 5000;
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';
axios.defaults.baseURL = 'http://www.guinaben.com:8070';
// axios.defaults.baseURL = 'http://192.168.1.129:8383';
//POST傳參序列化
axios.interceptors.request.use((config) => {
  if(config.method  === 'post'){
    config.data = qs.stringify(config.data);
  }
  return config;
},(error) =>{
   _.toast("錯誤的傳參");
  return Promise.reject(error);
});
//code狀態碼200判斷
axios.interceptors.response.use((res) =>{
  if(res.data.code != '200'){
    _.toast(res.data.msg);
    return Promise.reject(res);
  }
  return res;
}, (error) => {
  _.toast("網絡異常");
  return Promise.reject(error);
});
export default axios;

請求:

import axios from 'config/http'
axios({
  method:'get',
  url: 'xxxx/xxxxx',
  params: {
    "textbook_id":id,
    "token":token
  }
})
.then((response) => {
  resolve(response);
})
axios({
  method:'post',
  url: 'teacher/pwd/resetByMobile',
  data: {
   "textbook_id":id,
    "token":token
  }
})
.then((response) => {
    resolve(response);
})
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 最近,終于要把《WEB請求處理系列》提上日程了,一直答應小伙伴們給分享一套完整的WEB請求處理流程:從瀏覽器、Ng...
    七寸知架構閱讀 31,734評論 27 253
  • 當我們在瀏覽器的地址欄輸入 www.linux178.com ,然后回車,回車這一瞬間到看到頁面到底發生了什么呢?...
    Ddaidai閱讀 1,230評論 0 12
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,923評論 18 139
  • AFHTTPRequestOperationManager 網絡傳輸協議UDP、TCP、Http、Socket、X...
    Carden閱讀 4,384評論 0 12
  • 網絡請求是iOS項目的一個大部分,而且大部分的iOS的項目的網絡請求是根據AFN進行的二次封裝,我們查看返回的結果...
    FR_Zhang閱讀 6,977評論 15 46