コード環境に応じてbaseurlを選択する方法

今回は、コード環境に応じてbaseurlメソッドを選択する方法について説明します。以下は実際のケースです。

共通の API プレフィックスを構成すると、インターフェイス プロキシ転送を通じてローカルでデータを取得したり、デプロイ中に Nginx でリバース プロキシを実行したりできます。ただし、プロジェクトに

ファイル アップロード が必要な部分が多数含まれる場合 (ファイル アップロードは必要になります)。 Ajax メソッドを使用しない)、プロジェクト内のより適切な管理インターフェイスのベース URL を考慮する必要があります。 Ajax リクエストは axios を使用し、元のコードは次のとおりです

修正前

れぇぇぇぇぇ

最適化手法

config/dev.env.js と config/prod.env.js を見つけて、次のように変数 API_BASEURL (カスタマイズされた名前) をコードに追加します。 次に、baseURL を process.env.API_BASEURL に置き換えます

変更されたコードは次のとおりです

// 创建axios实例、配置baseURL、超时时间
const service = axios.create({
 baseURL: '/development/api', // 从环境进程中根据运行环境获取的api的base_url
 timeout: 5000         // 请求超时时间
})

/* 保存分配角色 */
export function fetchSaveDisUser (params1) {
 return fetch({
  url: '/user/empower',
  method: 'post',
  params: params1,
  paramsSerializer: function (params) {
   return Qs.stringify(params, { arrayFormat: 'repeat' })
  }
 })
}
/* 上传文件URL 从运行环境process.env中读取API配置 */
export let uploadUrl = '/development/api/doi/analys/upload'

この記事の事例を読んだ後、あなたは方法をマスターしたと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

vue cli の使用方法

vue グローバル登録とローカル登録の使用方法の詳細な説明

以上がコード環境に応じてbaseurlを選択する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。