把vue admin template 中的ajax换成axios

在Vue Admin模板中，如果你想要将原生的Ajax请求替换为更流行的axios库，你需要做以下几个步骤：

1. **安装axios**：
首先，在项目目录下安装axios：

   npm install axios

或者如果使用的是yarn：

   yarn add axios

2. **引入axios**：
在需要使用axios的地方，如`main.js`或组件内部，导入axios：

   import axios from 'axios';

3. **替换Ajax请求**：
搜索并替换原来的Ajax（比如jQuery的$.ajax）调用，将其替换为axios实例的方法。例如，假设你之前有类似这样的代码：

   // 原来的Ajax示例
   Vue.prototype.$http = {
     get(url) { ... },
     post(url, data) { ... },
     put(url, data) { ... }
   };

可以修改为：

   // 使用axios的示例
   Vue.prototype.$http = axios.create({
     baseURL: process.env.BASE_API, // 如果有API基础URL配置
     timeout: 5000, // 超时时间
     headers: {'Content-Type': 'application/json'}
   });

   // 然后替换原有的get、post等方法
   Vue.prototype.$http.get = this.$http.get.bind(this.$http);
   Vue.prototype.$http.post = this.$http.post.bind(this.$http);
   Vue.prototype.$http.put = this.$http.put.bind(this.$http);

4. **错误处理**：
Axios会返回Promise，所以记得处理可能出现的错误：

   Vue.prototype.$http.get('/api/data')
     .then(response => {
       console.log(response.data);
     })
     .catch(error => {
       console.error('Error:', error.response.data);
     });