So wählen Sie BaseURL entsprechend der Codeumgebung aus

Dieses Mal werde ich Ihnen die Methode zur Auswahl von baseurl entsprechend der Codeumgebung vorstellen. Was sind die Vorsichtsmaßnahmen für die Auswahl der baseurl-Methode entsprechend der Codeumgebung? ? Das Folgende sind praktische Fälle.

Durch die Konfiguration eines gemeinsamen API-Präfixes können Daten besser lokal über die Schnittstellen-Proxy-Weiterleitung abgerufen werden oder während der Bereitstellung ein Reverse-Proxy in Nginx durchgeführt werden, aber sobald das Projekt viele Anforderungen mit sich bringt

Für Im Teil „Datei-Upload “ (für den Datei-Upload wird keine Ajax-Methode verwendet) müssen wir die Basis-URL der besseren Verwaltungsschnittstelle im Projekt berücksichtigen Ajax-Anfragen verwenden Axios, der Originalcode lautet wie folgt

Vor der Änderung

// 创建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'

Optimierungsmethode

Suchen Sie nach config/dev.env.js und config/prod.env.js und fügen Sie die Variable API_BASEURL (Namensanpassung) wie folgt in den Code ein:

module.exports = {
 NODE_ENV: '"production"', // PS:不要复制、开发环境和生产环境有区别
 API_BASEURL: '"/development/api/"' // 需要自己添加的代码
}

Ersetzen Sie es dann durch „process.env“. API_BASEURL

wobei baseURL verwendet werden muss. Der geänderte Code lautet wie folgt:

// 创建axios实例、配置baseURL、超时时间
const service = axios.create({
 baseURL: process.env.API_BASEURL, // 从环境进程中根据运行环境获取的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 = process.env.API_BASEURL + '/doi/analys/upload'

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln Artikel auf der php-chinesischen Website!

Empfohlene Lektüre:

vue cli wie man es benutzt

Detaillierte Erläuterung der globalen und lokalen Vue-Registrierung

Das obige ist der detaillierte Inhalt vonSo wählen Sie BaseURL entsprechend der Codeumgebung aus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!