zoukankan      html  css  js  c++  java
  • vue的axios

    import Vue from 'vue'
    import qs from 'qs'
    import axios from 'axios'
    
    axios.defaults.baseURL = 'http://192.168.2.75:9501/internal/';
    axios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded';
    /**http request 拦截器**/
    axios.interceptors.request.use(
        req => {
            let method = (req.method).toLocaleLowerCase();//获取请求的方式(get,post,delete,options)
            req.data = qs.stringify(req.data);//传入的值必须进行转换
            if (method == "get") {
    
            } else {
                req.headers = {
                    'Content-Type': 'application/x-www-form-urlencoded;'//解决请求跨域
                }
            }
            return req;
        },
        err => {
            return Promise.reject(err);
        }
    );
    
    /**http response 拦截器 非必要**/
    axios.interceptors.response.use(
        res => {
            // console.log(res);
            if (res.status != 200) {
                //做一些错误处理,如跳转到登录页等
            }
            return res.data;
        },
        err => {
            return Promise.reject(err.response);
        }
    );
    
    Vue.prototype.$post = function (url = "", data = {}) {
        return axios.post(url, data);
    };
    
    Vue.prototype.$get = function (url = "", data = {}) {
        // data = qs.stringify(data);
        return axios.get(url, data);
    };
    Vue.prototype.$remove = function (url = "", data = {}) {
        return axios({
            url,
            method: 'delete',
            data: data
        })
    };
  • 相关阅读:
    C语言寒假大作战02
    C语言寒假大作战01
    学习总结
    C语言I作业11
    C语言I作业10
    C语言I博客作业09
    C语言I作业08
    实验五、单元测试
    实验四 代码审查
    UML 建模工具的安装与使用
  • 原文地址:https://www.cnblogs.com/zhizou/p/11635427.html
Copyright © 2011-2022 走看看