項(xiàng)目開(kāi)發(fā)中，前端在配置后端api域名時(shí)很困擾，常常出現(xiàn):
本地開(kāi)發(fā)環(huán)境: api-dev.demo.com
測(cè)試環(huán)境: api-test.demo.com
線(xiàn)上生產(chǎn)環(huán)境: api.demo.com，
這次是在Vue.js項(xiàng)目中打包，教大家個(gè)方法：
使用 npm run build -- xxx ，根據(jù)傳遞參數(shù)xxx來(lái)判定不同的環(huán)境，給出不同的域名配置。
1.項(xiàng)目中/config/dev.env.js修改：
新增：HOST: '"dev"'
'use strict'const merge = require('webpack-merge')const prodEnv = require('./prod.env') module.exports = merge(prodEnv, { NODE_ENV: '"development"', HOST: '"dev"'})2.項(xiàng)目中/config/prod.env.js修改：
獲取傳遞進(jìn)來(lái)的參數(shù)：
'use strict'let HOST = process.argv.splice(2)[0] || 'prod';console.log(HOST);module.exports = { NODE_ENV: '"production"', HOST: '"'+HOST+'"'}3.項(xiàng)目中ajax封裝的地方修改：
/**** 設(shè)置API接口域名**/ let apiUrl = '';// 根據(jù) process.env.HOST 的值判斷當(dāng)前是什么環(huán)境// 命令：npm run build -- test ，process.env.HOST就設(shè)置為：'test'let HOST = process.env.HOST;HOST = HOST === 'prod' ? '' : '-' + HOST; apiUrl = 'http://api'+HOST+'.demo.com';axios.defaults.baseURL = apiUrl;
4.最后敲命令：
npm run build -- test
注意 主站蜘蛛池模板： 莎车县| 濉溪县| 安多县| 玉环县| 杭州市| 阳新县| 乌鲁木齐市| 德钦县| 乳源| 罗田县| 溧阳市| 新邵县| 丁青县| 通海县| 轮台县| 京山县| 牟定县| 汉寿县| 龙海市| 瑞安市| 凉山| 中山市| 奉化市| 嵩明县| 凤阳县| 庆元县| 资溪县| 思南县| 灵丘县| 安化县| 芒康县| 望谟县| 邵东县| 鲁山县| 天柱县| 托克托县| 美姑县| 永嘉县| 泰和县| 城口县| 论坛|