vue 封装一个 axios 请求

的方法应该怎么写？
可以这样封装：
import axios from 'axios'
const request = axios.create({
baseURL: 'http://example.com/api',
timeout: 5000,
headers: {
'Content-Type': 'application/json'
}
})
export function post(url, data) {
return request({
url: url,
method: 'post',
data: data
})
}
export function get(url, params) {
return request({
url: url,
method: 'get',
params: params
})
}
这样就可以在项目中方便地使用封装好的 post 和 get 方法来发送请求了。

相关问题

vue 封装一个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 请求方法了。
希望这些信息能对您有所帮助。

用vue封装一个axios

可以的，Vue.js 官方推荐使用 Axios 进行数据请求。下面是一个简单的封装示例：

创建一个 axios 实例

import axios from 'axios'
const instance = axios.create({
baseURL: 'https://api.example.com'
})

封装一个 get 请求方法

function get (url, params) {
return instance.get(url, { params })
}

封装一个 post 请求方法

function post (url, data) {
return instance.post(url, data)
}

这样我们就可以在组件中轻松使用封装好的 axios 方法了：
import { get, post } from '@/utils/api'

export default {
data () {
return {
list: []
}
},
mounted () {
get('/list').then(res => {
this.list = res.data
})
}
}

希望这个简单的示例能够帮助到你！