最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

vue中axios的封裝問(wèn)題(簡(jiǎn)易版攔截,get,post)

 更新時(shí)間:2018年06月15日 09:24:31   作者:陳88  
這篇文章主要介紹了vue中axios的封裝問(wèn)題(簡(jiǎn)易版攔截,get,post),需要的朋友可以參考下

第一步還是先下載axios

npm install axios --save

第二步/src/utils/目錄下建立一個(gè)htttp.js

import axios from 'axios';
axios.defaults.timeout = 5000;
axios.defaults.baseURL ='';
//http request 攔截器
axios.interceptors.request.use(
 config => {
  // const token = getCookie('名稱');
  config.data = JSON.stringify(config.data);
  config.headers = {
   'Content-Type':'application/x-www-form-urlencoded'
  }
  // if(token){
  //  config.params = {'token':token}
  // }
  return config;
 },
 error => {
  return Promise.reject(err);
 }
);
//http response 攔截器
axios.interceptors.response.use(
 response => {
  if(response.data.errCode ==2){
   router.push({
    path:"/login",
    querry:{redirect:router.currentRoute.fullPath}//從哪個(gè)頁(yè)面跳轉(zhuǎn)
   })
  }
  return response;
 },
 error => {
  return Promise.reject(error)
 }
)
/**
 * 封裝get方法
 * @param url
 * @param data
 * @returns {Promise}
 */
export function fetch(url,params={}){
 return new Promise((resolve,reject) => {
  axios.get(url,{
   params:params
  })
  .then(response => {
   resolve(response.data);
  })
  .catch(err => {
   reject(err)
  })
 })
}
/**
 * 封裝post請(qǐng)求
 * @param url
 * @param data
 * @returns {Promise}
 */
 export function post(url,data = {}){
  return new Promise((resolve,reject) => {
   axios.post(url,data)
     .then(response => {
      resolve(response.data);
     },err => {
      reject(err)
     })
  })
 }

第三步

在main.js中引入

import {post,get} from './utils/http'
//定義全局變量
Vue.prototype.$post=post;
Vue.prototype.$get=get;

最后在組件里直接使用

mounted(){
  this.$post('/api/v2/movie/top250')
   .then((response) => {
    console.log(response)
   })
 },

其余的方法一樣

總結(jié)

以上所述是小編給大家介紹的vue中axios的封裝問(wèn)題(簡(jiǎn)易版攔截,get,post),希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

相關(guān)文章

最新評(píng)論

鄯善县| 汉阴县| 肃南| 灵丘县| 海兴县| 开化县| 马龙县| 铁岭市| 开鲁县| 彰化市| 微博| 手机| 乌审旗| 灵寿县| 象州县| 公主岭市| 商丘市| 阜新市| 怀来县| 肃南| 隆安县| 永康市| 车险| 河池市| 梨树县| 镇坪县| 确山县| 丰台区| 平阴县| 石柱| 诸暨市| 武胜县| 正镶白旗| 中牟县| 壤塘县| 花莲市| 东城区| 屏东市| 固原市| 太仆寺旗| 三明市|