Comment choisir baseurl en fonction de l'environnement de code

Cette fois, je vais vous apporter la méthode de sélection baseurl en fonction de l'environnement du code Quelles sont les précautions pour sélectionner la méthode baseurl en fonction de l'environnement du code ? ? Voici des cas pratiques. Levez-vous et jetez un œil.

La configuration d'un préfixe d'API commun permet de mieux obtenir des données localement via le transfert de proxy d'interface, ou de faire un proxy inverse dans Nginx pendant le déploiement, mais une fois que le projet implique de nombreux besoins

Pour la partie téléchargement de fichiers (le téléchargement de fichiers n'utilise pas la méthode Ajax), nous devons considérer la baseURL de la meilleure interface de gestion du projet Les requêtes Ajax utilisent axios, le code original est le suivant

Avant modification

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

Méthode d'optimisation

Recherchez config/dev.env.js et config/prod.env.js, et ajoutez la variable API_BASEURL (nom personnalisé) dans le code comme suit :

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

Remplacez-le ensuite par process.env API_BASEURL

où baseURL doit être utilisé. Le code modifié est le suivant

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

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres. articles sur le site php chinois !

Lecture recommandée :

vue cli comment utiliser

Explication détaillée de l'enregistrement global et de l'enregistrement local

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!