uni-app引入uni-request
时间: 2023-10-18 10:14:11 浏览: 126
Uni-request是一个基于Promise的网络请求库,适用于uni-app和小程序开发。如果想在uni-app中使用uni-request,需要先进行以下步骤:
1. 在HBuilderX中创建一个uni-app项目
2. 打开命令行工具,使用npm命令安装uni-request:
```
npm install uni-request
```
3. 在需要发送网络请求的页面或组件中引入uni-request:
```
import request from '@/common/request.js'
```
4. 在request.js文件中编写自己的请求方法,例如:
```
import { BASE_URL } from './config.js'
import Request from 'uni-request'
const request = new Request()
request.interceptors.request.use(config => {
config.baseUrl = BASE_URL
return config
})
export default request
```
在这个示例中,我们将BASE_URL定义在config.js文件中,并通过拦截器将其添加到请求的baseUrl中。这样,我们就可以在发送请求时直接使用相对路径,而不需要每次都写全路径。
5. 在页面或组件中使用request发送网络请求,例如:
```
import request from '@/common/request.js'
request.get('/api/user/info').then(res => {
console.log(res.data)
})
```
在这个示例中,我们通过request发送了一个GET请求,请求地址为"/api/user/info"。请求成功后,我们打印出了返回的数据。
注意:在使用uni-request发送网络请求时,需要在manifest.json文件中配置网络权限。可以在manifest.json文件中的"app-plus"-"permissions"节点中添加以下权限:
```
"app-plus": {
"permissions": {
"network": {
"description": "用于发送网络请求"
}
}
}
```
阅读全文