Axios 封裝為 Restful 風格和跨域解決

2021-10-25 08:37:43 字數 3362 閱讀 8764

import axios from

'axios'

// 環境的切換

if(process.env.

node_env

==='development'

)else

if(process.env.

node_env

==='debug'

)else

if(process.env.

node_env

==='production'

)axios.defaults.timeout =

10000

axios.defaults.headers.post[

'content-type']=

// // 請求***

// axios.interceptors.request.use(

// config => ,

// error => )

//// // 響應***

// axios.interceptors.response.use(

// response => else

// },

// // 伺服器狀態碼不是200的情況

// error =>

// })

// break

// // 403 token過期

// // 登入過期對使用者進行提示

// // 清除本地token和清空vuex中token物件

// // 跳轉登入頁面

// case 403:

// toast()

// // 清除token

// localstorage.removeitem('token')

// store.commit('loginsuccess', null)

// // 跳轉登入頁面,並將要瀏覽的頁面fullpath傳過去,登入成功後跳轉需要訪問的頁面

// settimeout(() =>

// })

// }, 1000)

// break

// // 404請求不存在

// case 404:

// toast()

// break

// // 其他錯誤,直接丟擲錯誤提示

// default:

// toast()

// }

// return promise.reject(error.response)

// }

// }

// )

/** * get方法,對應get請求

* @param url [請求的url位址]

* @param params [請求時攜帶的引數]

*/export

function

get(url, params)).

then

(res =>).

catch

(err =>)}

)}/** * post方法,對應post請求

* @param url [請求的url位址]

* @param params [請求時攜帶的引數]

*/export

function

post

(url, params)).

catch

(err =>)}

)}/** * put

* @param url [請求的url位址]

* @param params [請求時攜帶的引數]

*/export

function

put(url, params)).

catch

(err =>)}

)}/** * delete

* @param url [請求的url位址]

* @param params [請求時攜帶的引數]

List封裝為Page物件

最近在專案中,經常碰到這樣的情況,就是說前台需要page物件,但是我後台page查詢出來的資料 entity類 並不是前台需要的資料 dto 還需要二次封裝,前台要page物件啊,習慣了用工具類,咋自己封裝乙個page物件哦?所有就有了這篇文章,實際上思路都是一樣的,就是我返回的資料肯定是個page...

axios基礎封裝

script新建axios資料夾,新建index.js fetch.js fetch.js如下 index.js如下 引入fetch.js檔案 import from fetch 定義獲取資料的函式getdata 其中url,type,data對應fetch config 中的config expo...

axios封裝使用

記錄專案中使用過的axios封裝,以便下次使用。import axios from axios 引用axios import from util util 引用剛才我們建立的util.js檔案,並使用getcookie方法 import qs from qs 很重要!過濾json格式化 axios ...