vue 封装一个axios
时间: 2023-11-01 21:00:16 浏览: 84
vue+ts下对axios的封装实现
好的,我可以为您提供一些关于如何在 Vue 中封装 axios 的信息。
首先,需要安装 axios 库,在终端中运行下面的命令:
```
npm install axios
```
然后,在 Vue 项目中创建一个文件夹,例如 `api`,在该文件夹中创建一个 `index.js` 文件,在该文件中引入 axios 库,并封装一些 axios 请求方法。
例如:
```
import axios from 'axios'
const baseURL = 'https://api.example.com'
export const fetchData = (params) => {
return axios.get(baseURL, {
params
})
}
export const postData = (data) => {
return axios.post(baseURL, data)
}
```
然后,在 Vue 组件中,可以通过导入封装的 axios 方法来发起请求。
例如:
```
import { fetchData, postData } from './api'
export default {
methods: {
async getData () {
try {
const res = await fetchData()
console.log(res)
} catch (error) {
console.log(error)
}
},
async sendData () {
try {
const res = await postData({ name: 'John', age: 20 })
console.log(res)
} catch (error) {
console.log(error)
}
}
}
}
```
这样,就可以在 Vue 组件中使用封装的 axios 请求方法了。
希望这些信息能对您有所帮助。
阅读全文