uniapp封装axios
时间: 2023-07-06 15:30:47 浏览: 107
你可以通过以下步骤封装axios并在uniapp中使用:
1. 安装axios
```
npm install axios --save
```
2. 创建一个axios实例
```javascript
import axios from 'axios'
const service = axios.create({
baseURL: 'http://localhost:8080',
timeout: 5000 // 超时时间
})
export default service
```
3. 封装请求方法
```javascript
import service from './request'
export function get(url, params) {
return service({
url: url,
method: 'get',
params: params
})
}
export function post(url, data) {
return service({
url: url,
method: 'post',
data: data
})
}
```
4. 在uniapp中使用
```javascript
import { get, post } from '@/utils/request'
// get请求
get('/api/test', { id: 1 }).then(res => {
console.log(res)
}).catch(err => {
console.log(err)
})
// post请求
post('/api/test', { name: 'Tom' }).then(res => {
console.log(res)
}).catch(err => {
console.log(err)
})
```
通过以上步骤,你就可以在uniapp中使用封装好的axios进行网络请求了。
阅读全文