react專案的axios封裝

2021-10-08 16:11:56 字數 1403 閱讀 2841

分享乙個 react-axios 的元件封裝

請求***帶token放請求頭

import axios from "axios"

;import qs from "qs"

;import from "antd"

;import cookies from "js-cookie"

;export

default function ajax

(url, data =

, method =

"get"

)return config;},

error =

>);

axios.

default

.withcredentials =

true

; let promise;

//1.執行非同步ajax請求

//2.如果成功,呼叫resolve(value);

//3.如果失敗,不呼叫reject(reason),而是提示異常資訊})

;// 執行非同步ajax 請求

}

/**

* @description: 課程 - 詳情 - 檔案資料列表介面

* @param {}

* @return:看介面文件

*/export

const reqfilelist =()

=>

ajax

(base_url +

"/stu/file/filelist",,

"get"

);

reqfilelist()

.then

(response =

>);

this

.setstate((

)=>;}

,()=

>);

});}

else})

.catch

(error =

>);

this

.setstate()

;

react專案axios配置

baseapi.ts import axios,from axios import md5 from js md5 import from antd import cookieutils from utils cookieutils import from types import from con...

解決react專案中跨域和axios封裝使用

1 開啟專案生成的package.json檔案,修改檔案內容如下 在此位置新增如下 proxy http 服務位址 2 建立http.js,如下 axios封裝 import axios from axios import from antd 響應 axios.interceptors.respon...

vue專案封裝axios

還是直奔主題吧,因為官方不推薦使用vue resource,而是推薦axios,所以這篇文章分享給大家我在自己的專案裡如何封裝axios,雖說將axios在main.js裡寫入vue的原型鏈作為vue的屬性 vue.prototype.http axios 直接用最原始的方法也能進行請求 這樣也不是...