vue中axios的封裝

1.在src文件中新建untils文件夾 新建axios.js文件

import axios from 'axios';

//設(shè)置axios
const service=axios.create({
    timeout:1000*60,
    baseURL:'/api',//對(duì)axios發(fā)送的請(qǐng)求路徑進(jìn)行集中設(shè)置
    //意思是在接口路徑前加上/api
    //這里的 /api 是和vue.config.js中proxy 中設(shè)置的對(duì)應(yīng)
})

//封裝post請(qǐng)求
let post=function(url,data_={}){
    return new Promise((resolve,reject)=>{
        service.post(url,data_).then((res)=>{
            return resolve(res)
        }).catch((err)=>{
            return reject(err)
        })
    })
}

//封裝get請(qǐng)求
let get=function(url,params){
    return new Promise((resolve,reject)=>{
        service.get(url,{params}).then((res)=>{
            return resolve(res)
        }).catch((err)=>{
            return reject(err)
        })
    })
}

//請(qǐng)求攔截
service.interceptors.request.use(config=>{
    //添加請(qǐng)求頭
    config.headers={
        "Authorization":localStorage.token
    }
    return config
},err=>{
    return Promise.reject(err)
})

//添加響應(yīng)攔截
service.interceptors.response.use(res=>{
    return res.data
},err=>{
    return err
})

export default{
    post,
    get
}

2.對(duì)請(qǐng)求方法進(jìn)行二次封裝

  • 2.1 在src中新建api文件
  • 2.2在api文件夾中新建文件 最好每個(gè)表格的接口寫一個(gè)文件
//引入封裝好的axios
import axios from '@/untils/axios';
//添加分類
function add_(data){
    return axios.get('/goodstype/add',data)
}export{
    add_ as add,
}
  • 這種寫法可以保護(hù)接口路徑不公開

3.在vue文件中使用接口

import { add } from "@/api/goods";
async function(){
      let res=await add({
            //需要傳的參數(shù)
      })
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌凛剥,老刑警劉巖米苹,帶你破解...
    沈念sama閱讀 216,843評(píng)論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件悯姊,死亡現(xiàn)場(chǎng)離奇詭異吠架,居然都是意外死亡锋喜,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,538評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門棒搜,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)疹蛉,“玉大人,你說(shuō)我怎么就攤上這事力麸】煽睿” “怎么了?”我有些...
    開封第一講書人閱讀 163,187評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵克蚂,是天一觀的道長(zhǎng)闺鲸。 經(jīng)常有香客問(wèn)我,道長(zhǎng)埃叭,這世上最難降的妖魔是什么摸恍? 我笑而不...
    開封第一講書人閱讀 58,264評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮赤屋,結(jié)果婚禮上立镶,老公的妹妹穿的比我還像新娘。我一直安慰自己类早,他們只是感情好谜慌,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,289評(píng)論 6 390
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著莺奔,像睡著了一般。 火紅的嫁衣襯著肌膚如雪变泄。 梳的紋絲不亂的頭發(fā)上令哟,一...
    開封第一講書人閱讀 51,231評(píng)論 1 299
  • 那天,我揣著相機(jī)與錄音妨蛹,去河邊找鬼屏富。 笑死,一個(gè)胖子當(dāng)著我的面吹牛蛙卤,可吹牛的內(nèi)容都是我干的狠半。 我是一名探鬼主播,決...
    沈念sama閱讀 40,116評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼颤难,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼神年!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起行嗤,我...
    開封第一講書人閱讀 38,945評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤已日,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后栅屏,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體飘千,經(jīng)...
    沈念sama閱讀 45,367評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡堂鲜,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,581評(píng)論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了护奈。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片缔莲。...
    茶點(diǎn)故事閱讀 39,754評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖霉旗,靈堂內(nèi)的尸體忽然破棺而出痴奏,到底是詐尸還是另有隱情,我是刑警寧澤奖慌,帶...
    沈念sama閱讀 35,458評(píng)論 5 344
  • 正文 年R本政府宣布抛虫,位于F島的核電站,受9級(jí)特大地震影響简僧,放射性物質(zhì)發(fā)生泄漏建椰。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,068評(píng)論 3 327
  • 文/蒙蒙 一岛马、第九天 我趴在偏房一處隱蔽的房頂上張望棉姐。 院中可真熱鬧,春花似錦啦逆、人聲如沸伞矩。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,692評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)乃坤。三九已至,卻和暖如春沟蔑,著一層夾襖步出監(jiān)牢的瞬間湿诊,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,842評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工瘦材, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留厅须,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,797評(píng)論 2 369
  • 正文 我出身青樓食棕,卻偏偏與公主長(zhǎng)得像朗和,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子簿晓,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,654評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容