html中使用js将axios请求封装

百度中全是vue-cli中使用axios的方式，我需要用的是在html中引入axios.js1、新建 httpRequest.js 文件，定义如下方法：//axios封装post请求function axiosPostRequst(url,data) {let result = axios({method: 'post',url: url,data: data,transformRequest:[

一颗苹果想要成为一个星球

2383人浏览 · 2020-06-09 15:01:08

一颗苹果想要成为一个星球 · 2020-06-09 15:01:08 发布

百度中全是vue-cli中使用axios的方式，我需要用的是在html中引入axios.js

1、新建 httpRequest.js 文件，定义如下方法：

//axios封装post请求
function axiosPostRequst(url,data) {
    let result = axios({
        method: 'post',
        url: url,
        data: data,
        transformRequest:[function(data){
            let ret = '';
            for(let i in data){
                ret += encodeURIComponent(i)+'='+encodeURIComponent(data[i])+"&";
            }
            return ret;
        }],
        header:{
            'Content-Type':'application/x-www-form-urlencoded'
        }
    }).then(resp=> {
        return resp.data;
    }).catch(error=>{
        return "exception="+error;
    });
    return result;
}

2、在html中引入vue.js、axios.js、httpRequest.js


<!--根据自己路径引入-->
<script src="js/vue.min.js"></script>
<script src="js/axios-0.19.js"></script>
<script src="js/httpRequest.js"></script>

3、在js文件中使用封装好的方法


var datas = {
    flag:'pass',
    comment:'通过'
};
axiosPostRequst('http://localhost:10001/account/approve',datas).then(result=>{
    consloe.log(result);
});