//全域性設定網路超時
axios.defaults.timeout =
10000
;//設定請求頭資訊
axios.defaults.headers.post[
'content-type']=
;axios.defaults.headers.put[
'content-type']=
;axios.interceptors.request.
use(
config =>
return config;},
error =>
)axios.interceptors.response.
use(
// 請求成功
// res => res.status === 200 ? promise.resolve(res) : promise.reject(res),
res =>}}
,// 請求失敗
error =>
) window.location.href =
""}else
// 請求已發出，但是不在2xx的範圍
}else})
;// 封裝xiaos請求
// 封裝get請求
export
function
axios_get
(url, params)).
then
(res =>).
catch
(err =>)}
)}// 封裝post請求
export
function
axios_post
(url, data)).
catch
(err =>)}
)}// 封裝put請求
export
function
axios_put
(url, data)).
catch
(err =>)}
)}// 封裝delete請求
export
function
axios_delete
(url, data)).
then
(res =>).
catch
(err =>)}
)}export
default axios;
//一定要匯出函式
// src/api/http.js
//將我們http.js中封裝好的 get,post.put,delete 導過來
// 獲取七牛雲token
export
const
section_add
= p =>
axios_post
("/course/section/"
, p)
// 獲取七牛雲token
// src/components/qiniu.vue
//匯入axios函式
import
from
'./axios_api/api'
methods:
,gettoken()
qn_token_get()
.then
(res=>)}
,}<
/script>
同源一般只一下三個東西相同：
同源策略的解決辦法：
修改子元件的資料
}} -->
}把資料傳遞給父元件
axios 請求與封裝
get請求的兩種方法 from data 表單提交 上傳 檔案上傳 let data axios.post post data then res axios then res from data 表單提交 let formdata new formdata for let key in data a...
uni app元件的封裝 父子元件之間事件的傳遞
元件封裝 1 屬性 props 2 樣式 computed 3 事件 1 若多次呼叫元件事件 一致，且沒有對父元件傳遞過來的資料進行修改的情況。將事件統一書寫在元件內部。2 若多次呼叫元件事件 不一致，或對父元件傳遞過來的資料需要修改。使用自定義事件 emit 事件名 引數 例 電子 商品詳情頁中單...
axios的封裝與匯出
配置axios 使用配置好的axios發請求 處理js最大安全數值 在每次請求攜帶token 響應後獲取有效資料 響應失敗token失效 todo 匯出乙個發請求的工具函式 import axios from axios import jsonbigint from json bigint impo...