百度中全是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); });

總結

以上是生活随笔為你收集整理的html中使用js将axios请求封装的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。