亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

vue中使用axios的封裝

在aixos文件夹下的index.js文件中写aixos的构造函数,然后可以自己配置参数

import axios from 'axios'
import qs from 'qs'
const instance = axios.create({
    baseURL: 'http://xxx.me',
    timeout: 1000,
    headers: { 'Content-Type': 'application/x-www-form-urlencoded;' }
});
instance.interceptors.request.use((config) => {
    if (config.method === 'post') {
//如果是post请求则进行序列化处理
        config.data = qs.stringify(config.data);
    }
    return config;
}, (error) => {
    return Promise.reject(error);
});
 instance.interceptors.response.use((res) => {
     if (res.status!==200) {
        return Promise.reject(res);
     }

     return res;
 }, (error) => {
     //404等问题可以在这里处理
     return Promise.reject(error);
 });
export default instance

在main.js文件中

import Vue from 'vue’
import axios from './axios’
Vue.prototype.KaTeX parse error: Expected 'EOF', got '写' at position 16: axios = axios; 写̲在Vue的prototype原…axios调用。

在helloworld.vue文件中
如果是get请求,则

this.$axios({
  method: "get",
  url: "/api/zzz"
})
  .then(res => {
    //请求成功返回体的数据res
  })
  .catch(err => {
    //请求失败返回体的数据err
  });

如果是post请求,则

this.$axios({
  method: "post",
  url: "/api/zzz",
  data:{
   name:"jianguang"
  }
})
  .then(res => {
    //请求成功返回体的数据res
  })
  .catch(err => {
    //请求失败返回体的数据err
 });
點擊查看更多內容
1人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
Web前端工程師
手記
粉絲
38
獲贊與收藏
153

關注作者,訂閱最新文章

閱讀免費教程

感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消