vue3和axios

axios在vue3的配置和vue2有点不一样。

• 安装
  npm install axios
  
  
• 在main.js中引入
  import axios from 'axios'
Vue.prototype.$axios = axios
  此处$axios的axios可以自定义
• 在组件中使用

this.$axios.post(url, data)

以上是vue2中的配置

• 在vue3+ts中可以新建一个文件夹，命名为plugins并新建文件axios.ts。 并在文件夹中写入一下代码

import axios from "axios";
 
//使用axios下面的create([config])方法创建axios实例，其中config参数为axios最基本的配置信息。
const axiosAPI = axios.create({
    baseURL: url, //请求后端数据的基本地址，自定义
    timeout: 1000 //请求超时设置，单位ms
})
 
export default axiosAPI

• 再main.ts中写入

import axios from './plugins/axios'
app.config.globalProperties.$axios = axios

之后需要在所写组件中引入
import axiosAPI from '../plugins/axios'
使用方法和在vue2中基本一致
axiosAPI.post(url,data)