## 安装
```bash
npm install @escook/request-miniprogram
```
## 导入
```js
// 按需导入 $http 对象
import { $http } from '@escook/request-miniprogram'
// 将按需导入的 $http 挂载到 wx 顶级对象之上,方便全局调用
wx.$http = $http
// 在 uni-app 项目中,可以把 $http 挂载到 uni 顶级对象之上,方便全局调用
uni.$http = $http
```
## 使用
### 支持的请求方法
```js
// 发起 GET 请求,data 是可选的参数对象
$http.get(url, data?)
// 发起 POST 请求,data 是可选的参数对象
$http.post(url, data?)
// 发起 PUT 请求,data 是可选的参数对象
$http.put(url, data?)
// 发起 DELETE 请求,data 是可选的参数对象
$http.delete(url, data?)
```
### 配置请求根路径
```js
$http.baseUrl = 'https://www.example.com'
```
### 请求拦截器
```js
// 请求开始之前做一些事情
$http.beforeRequest = function (options) {
// do somethimg...
}
```
例 1,展示 loading 效果:
```js
// 请求开始之前做一些事情
$http.beforeRequest = function (options) {
wx.showLoading({
title: '数据加载中...',
})
}
```
例 2,自定义 header 请求头:
```js
// 请求开始之前做一些事情
$http.beforeRequest = function (options) {
if (options.url.indexOf('/home/catitems') !== -1) {
options.header = {
'X-Test': 'AAA',
}
}
}
```
### 响应拦截器
```js
// 请求完成之后做一些事情
$http.afterRequest = function () {
// do something...
}
```
例如,隐藏 loading 效果:
```js
// 请求完成之后做一些事情
$http.afterRequest = function () {
wx.hideLoading()
}
```
## 开源协议
![MIT](https://img.shields.io/badge/License-MIT-blue)
**enjoy!**
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
开发前端App最先需要被实现的功能是:与本地主机上已经布置在IIS服务上的后端数据实现跨域(Cores)交互操作,这也是前端App作为前端工程性项目存在的根本意义和需求,因此需要首先对上一章中示例:22-09-24-04_uniAppVue3(初识HbuilderX之前移动前端App开发)进行重构,把网络后端数据实现跨域(Cores)交互实现重构为本地主机数据实现跨域(Cores)交互实现。 uin-app的vue视图页面中所包含的内置标签极少,为了页面的渲染显示需要开发者通过遵循自定义组件的方式,把组件实例化为自定义标签,添加到指定的vue视图页面中,从而实现vue视图以多种形式对绑定的数据进行渲染显示。 实际上<table>及其相关标签,uin-app的vue视图页面内置标签中就是存在的,因此如果需要把绑定数据,以table样式渲染显示则需要通过遵循自定义组件的方式来实现,但为了速构建vue视图页面,HbuilderX为我们提供了另外一种好的选择,在项目中大量导入第3方组件,下面将通过“uni-table 表格”和“uni-tag 标签”组件的导入为示例,讲述怎样在项目通过导入第
资源详情
资源评论
资源推荐
收起资源包目录
22-09-25-06_uniAppVue3(uin-app本地主机数据跨域(Cors)数据交互实现之--前端).rar (74个子文件)
22-09-25-06_uniAppVue3(uin-app本地主机数据跨域(Cors)数据交互实现之--前端)
package.json 292B
node_modules
.package-lock.json 425B
@escook
request-miniprogram
package.json 545B
README.md 2KB
miniprogram_dist
index.js 2KB
.vite
deps
package.json 17B
_metadata.json 316B
@escook_request-miniprogram.js 2KB
@escook_request-miniprogram.js.map 3KB
App.vue 270B
manifest.json 3KB
index.html 672B
package-lock.json 923B
static
logo.png 4KB
pages
index
index.vue 4KB
pages.json 429B
uni_modules
uni-datetime-picker
changelog.md 5KB
package.json 2KB
readme.md 1KB
components
uni-datetime-picker
calendar-item.vue 4KB
uni-datetime-picker.vue 26KB
keypress.js 1KB
util.js 10KB
time-picker.vue 23KB
i18n
index.js 169B
zh-Hant.json 803B
en.json 778B
zh-Hans.json 783B
calendar.vue 22KB
uni-table
changelog.md 1KB
package.json 2KB
readme.md 316B
i18n
fr.json 294B
index.js 226B
zh-Hant.json 269B
en.json 276B
es.json 281B
zh-Hans.json 269B
components
uni-tbody
uni-tbody.vue 361B
uni-thead
uni-thead.vue 3KB
uni-table
uni-table.vue 10KB
uni-td
uni-td.vue 2KB
uni-tr
table-checkbox.vue 3KB
uni-tr.vue 4KB
uni-th
uni-th.vue 7KB
filter-dropdown.vue 10KB
uni-icons
changelog.md 1018B
package.json 2KB
readme.md 297B
components
uni-icons
uniicons.css 8KB
icons.js 26KB
uniicons.ttf 35KB
uni-icons.vue 2KB
uni-tag
changelog.md 1KB
package.json 2KB
readme.md 363B
components
uni-tag
uni-tag.vue 5KB
uni-scss
changelog.md 239B
package.json 2KB
readme.md 368B
index.scss 31B
styles
tools
functions.scss 640B
index.scss 237B
setting
_styles.scss 3KB
_space.scss 1KB
_border.scss 49B
_text.scss 394B
_variables.scss 4KB
_radius.scss 1KB
_color.scss 1KB
theme.scss 641B
variables.scss 2KB
uni.scss 2KB
main.js 2KB
共 74 条
- 1
zhoujian_911
- 粉丝: 1192
- 资源: 323
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0