自定义封装axios方法总结

导语：最近在用vue脚手架开发应用的过程中遇到了Ajax请求的问题，由于定制化比较明显，所以就到网上找一些自定义的方法，最后使用官方的方法成功的封装了自己需要的那种，现在就自定义的方法做一下总结。

目录

• axios是什么
• 如何使用axios
• 自定义axios

axios是什么

axios官网。

axios是基于Promise的一款http客户端工具，用于在游览器和nodejs环境中进行请求网站资源。

有以下特性：

• 为游览器生成一个http请求
• 为node生成一个http请求
• 支持Promise的API方法
• 拦截请求和响应
• 转换请求和响应数据
• 取消请求
• 自动转换成json数据格式
• 客户端防范XSRF

如何使用axios

• 下载使用
• cdn引入
• npm安装
• get请求
• post请求

下载/CDN使用

如果你只在游览器使用，可以下载到本地或者使用cdn。

<!-- 本地引入 -->
<script src="js/axios.min.js"></script>
<!-- cdn -->
<script src="https://cdn.bootcss.com/axios/0.19.0/axios.min.js"></script>

npm安装

npm install axios -S

get请求

推荐配合await这种方法使用。

async function getComments () {
   
   
  let data = await axios.get('https://jsonplaceholder.typicode.com/comments', {
   
   
    params: {
   
   
      postId: 1