ユニアプリ アプレットはネットワーク環境を構成し、ベース アドレスを追加します。

プラットフォームの制限により、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
      },

おすすめ

転載: blog.csdn.net/weixin_57127914/article/details/130755006