プラットフォームの制限により、axios はアプレット プロジェクトではサポートされません
- 元の `wx.request()` API 関数は比較的単純です。
インターセプターおよびその他のグローバル カスタマイズ機能はサポートされていません1.ネットワーク データ リクエストを開始するには、
uni-app プロジェクトで` @escook/request-miniprogram`サードパーティ パッケージを使用することをお勧めします。
2. 公式ドキュメントのインストール、設定、使用については、**@escook/request-miniprogram** の
公式ドキュメントを参照してください:公式ドキュメント
ステップ:
1. プロジェクトが存在するディレクトリを開いて初期化します: npm init -y
2. サードパーティ パッケージをダウンロードします: npm i @escook/request-miniprogram (Hbuilder で開発している場合は、プロジェクト フォルダーを開いてファイル アドレスに cmd を入力してダウンロードします)
创建一个根目录下的utils文件 然后在里面创建一个文件 http.js
这一步结束后 就去main.js中 全局导入 import './utils/http.js'
// 封装网络请求的方法
import {
$http
} from '@escook/request-miniprogram'
// 设置基地址
$http.baseUrl = '基地址' ------基地址
// 设置拦截器
// 请求拦截器
$http.beforeRequest = function() {
// 添加提示信息
uni.showLoading({
title: '数据加载中...'
})
}
// 响应拦截器
$http.afterRequest = function() {
// 关闭提示信息
uni.hideLoading()
}
// 挂载到全局(uni-app 中的全局对象建议大家使用 uni)
uni.$http = $http
// 暴露方法
export default $http
3、
在main.js中导入文件
import './utils/http.js'
4. 使用方法:
uni.$http.请求方式('请求地址')
async getSwiperList() {
const {
data: {
message,
meta
}
} = await uni.$http.get('/home/swiperdata')
if (meta.status !== 200) return uni.$showMsg()
// 保存数据
this.swiperList = message
},