Sélectionnez différents noms de domaine en fonction de la méthode de transmission des paramètres d'environnement

Cette fois, je vais vous présenter les précautions pour sélectionner différents noms de domaine en fonction de la méthode de passage des paramètres d'environnement et sélectionner différents noms de domaine en fonction de la méthode de passage des paramètres d'environnement. Voici des cas pratiques, prenons. un regard.

Lors du développement du projet, le front-end est très perturbé lors de la configuration du nom de domaine de l'API back-end Il apparaît souvent :

Environnement de développement local : api-dev.demo.com

pour déterminer différents environnements et donner différentes configurations de noms de domaine en fonction du paramètre xxx transmis. npm run build -- xxx  

1. Modification de /config/dev.env.js dans le projet :

'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')
module.exports = merge(prodEnv, {
 NODE_ENV: '"development"',
 HOST: '"dev"'
})

2. Modifiez /config/prod.env.js dans le projet :

'use strict'
let HOST = process.argv.splice(2)[0] || 'prod';
console.log(HOST);
module.exports = {
 NODE_ENV: '"production"',
 HOST: '"'+HOST+'"'
}

3. dans le projet Modifier l'encapsulation :

/**
** 设置API接口域名
**/
let apiUrl = '';
// 根据 process.env.HOST 的值判断当前是什么环境
// 命令：npm run build -- test ，process.env.HOST就设置为：'test'
let HOST = process.env.HOST;
HOST = HOST === 'prod' ? '' : '-' + HOST;
apiUrl = 'http://api'+HOST+'.demo.com';
axios.defaults.baseURL = apiUrl;

4. Tapez enfin la commande :

npm run build -- test

apiUrl = 'http://api-test.demo.com'

npm run build -- prod

apiUrl = 'http://api.demo.com'

Convertir les chaînes avec des champs HTML en balises HTML

js implémente le front-end et le back-end transmission de Json

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!