首页 / JAVASCRIPT / 根据环境传递参数方法选择不同域名

根据环境传递参数方法选择不同域名

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了根据环境传递参数方法选择不同域名，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1522字，纯文字阅读大概需要3分钟。

内容图文

这次给大家带来根据环境传递参数方法选择不同域名，根据环境传递参数方法选择不同域名的注意事项有哪些，下面就是实战案例，一起来看一下。

项目开发中，前端在配置后端api域名时很困扰，常常出现:

本地开发环境: api-dev.demo.com

测试环境: api-test.demo.com

线上生产环境: api.demo.com，

这次是在Vue.js项目中打包，教大家个方法：

使用 npm run build -- xxx ，根据传递参数xxx来判定不同的环境，给出不同的域名配置。

1.项目中/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.项目中/config/prod.env.js修改：

获取传递进来的参数：

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

3.项目中ajax封装的地方修改：

/**
** 设置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.最后敲命令：

npm run build -- test

注意–是2个横杠，后面跟参数，这样 process.env.HOST 就获取到参数 'test' 了,

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

若线上prod发布打包，npm run build -- prod

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

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的根据环境传递参数方法选择不同域名全部内容，希望文章能够帮你解决根据环境传递参数方法选择不同域名所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/291760.html

来源：【匿名】

【上一篇】JS易错点知识点整理【下一篇】javascript 怎么调用php方法

更多 ►

【根据环境传递参数方法选择不同域名】教程文章相关的互联网学习教程文章

理解JavaScript函数参数

前面的话　　javascript函数的参数与大多数其他语言的函数的参数有所不同。函数不介意传递进来多少个参数，也不在乎传进来的参数是什么数据类型，甚至可以不传参数。arguments　　javascript中的函数定义并未指定函数形参的类型，函数调用也未对传入的实参值做任何类型检查。实际上，javascript函数调用甚至不检查传入形参的个数?1234567functionadd(x){returnx+1;}console.log(add(1));//2console.log(add(‘1‘));//‘11‘consol...

JavaScript 之 function函数及参数arguments【代码】【图】

JavaScript用function关键字声明函数，可以用return返回值，也可以没有返回值。建议：要么统一有返回值，要么统一都没有返回值，这样调试代码方便。函数定义格式：function functionName(参数){//函数体内}定义函数的时候，参数可以写，也可以不写，Javascript没有限制传递参数的个数，也不介意传入参数的数据类型。在函数体内可以通过arguments 对象来访问参数数组，从而获取传递给函数的每一个参数。arguments.length：参数个数用...

js判断传递参数的的类型，并返回

function type(target) {　　　　var templet ={　　　　　　"[object Array]" : "arry";　　　　　　"[object Object]" : "object";　　　　　　"[object Number]" : "number_object";　　　　　　"[objecct Boolean]" : "boolean_object";　　　　　　"[object String]" : "String_object";　　　　}　　　　if(target === null){　　　　　　return 　　"null";　　　　}　　　　　if(typeof(target)=="object"){　　...

js获取url中指定参数的值(含带hash)【代码】

JS获取地址栏的参数值【代码】

function GetQueryString(name){var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");var r = window.location.search.substr(1).match(reg);if(r!=null)return unescape(r[2]); return null;} 原文：http://www.cnblogs.com/anxiaoyu/p/7723553.html

js获得url内的参数【代码】

/*** js获得url内的参数* 返回值: string or undefined* 使用方法:$_GET[‘from‘]*/var $_GET = (function() {var search = location.search;if (search == ‘‘){return {};}search = search.split(‘?‘)[1];search = search.split(‘&‘);var get = {};for (var i in search){var j = search[i].split(‘=‘);get[j[0]] = j[1];}return get;})(); 原文：http://www.cnblogs.com/bossikill/p/3982067.html

js的隐含参数(arguments,callee,caller)使用方法

在提到上述的概念之前，首先想说说javascript中函数的隐含参数：argumentsarguments 该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function：选项。当前正在执行的 Function 对象的名字。 n ：选项。要传递给 Function 对象的从0开始的参数值索引。说明Arguments是进行函数调用时，除了指定的参数外，还另外创建的一个隐藏对象。Arguments是一个类似数组但不是数组的对象，说它类似数组是因为其具有...

Effective JavaScript Item 22 使用arguments来创建接受可变参数列表的函数

本系列作为Effective JavaScript的读书笔记。在Item 21中，介绍了结合apply方法实现的可变参数列表函数average，它实际上只声明了一个数组作为参数，但是利用apply方法，实际上可以接受若干元素作为参数： function averageOfArray(a) {for (var i = 0, sum = 0, n = a.length; i < n; i++) {sum += a[i];}return sum / n; } averageOfArray.apply(null, [1, 2, 3, 4, 5]); 而利用arguments变量，可以将声明的参数也去掉。即函数可...

Javascript 获取链接(url)参数的方法【代码】

qa项目可能需要客户端获取到url的参数，搜到一个很好的解决方法，记录在博客，省得以后找麻烦。方法一：分解链接的方式<script type="text/javascript"> /** 说明：Javascript 获取链接(url)参数的方法*/ function getQueryString(name) {// 如果链接没有参数，或者链接中不存在我们要获取的参数，直接返回空if(location.href.indexOf("?")==-1 || location.href.indexOf(name+‘=‘)==-1){return ‘‘;}// 获取链接中参数部分var ...

【20190405】JavaScript-正则式匹配与替换的参数【代码】

在正则式的应用中有三个函数使用得最多：exec()、test()与字符串的replace(reg, options)。其中test()最简单，只要字符串与正则式可以匹配，就返回true，否则返回false。接下来主要分析一下exec()和replace()的用法。reg.exec()：举个例子：let reg=/-(\w)/g; let str=‘the-first-index‘; console.log(reg.exec(str),reg.exec(str));这个例子取到了字符串中每个-后的字母。首先正则式中带有g参数，说明是全局查找，那么在第一次调...

js获取url参数【代码】

js获取url参数方法：//获取url中的参数适配中文function GetUrlParam(name) {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象var r = window.location.search.substr(1).match(reg); //匹配目标参数if (r != null) return decodeURI(r[2]); returnnull; //返回参数值 } 原文：https://www.cnblogs.com/leiting/p/9440956.html

js获取url 参数【代码】

thinkphp5 模板url标签跟javascript ajax 的 url 参数被莫名替换【图】

发现一个 thinkphp5 的小bug 我用的是 thinkphp5.0.24 版本在模板标签里原来的大U函数被改成url 那么问题来了在javascript里这样写标签很容易被替换掉就是上面这句被浏览器解释出来就变成了这样出错了经反复研究这样写就不会出错了逗号换行分割开来就可以了哈被我发现的原文：https://www.cnblogs.com/trip-j/p/12048768.html

javascript arguments参数问题【代码】

function f(a, b, c){alert(arguments.length); // result: "2"a = 100;alert(arguments[0]); // result: "100"arguments[0] = "qqyumidi";alert(a); // result: "mingyue"alert(c); // result: "undefined"c = 2016;alert(arguments[2]); // result: "undefined"}f(1, 2);arguments对象的长度是由实参个数而不是形参个数决定的。形参是函数内部重新开辟内存空间存储的变量，但是...

javascript 函数参数【代码】【图】

1、javascript函数参数的个数以及类型没有强制规定，调用时不必严格按照函数的参数或类型，函数的参数只是在调用函数的时候提供了便利，但不是必须的！2、参数在javascript内部是用数组arguments表示的可以使用arguments[0]、arguments[1]、......arguments[n]来表示函数的值。3、没有传递值得命名参数自动赋值为undefined; 1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="utf-8"/> 5<title></title> 6<script type="text/java...

首页 / JAVASCRIPT / 根据环境传递参数方法选择不同域名

根据环境传递参数方法选择不同域名

内容导读

内容图文

内容总结

内容备注

内容手机端

【根据环境传递参数方法选择不同域名】教程文章相关的互联网学习教程文章

参数 - 相关标签

环境 - 相关标签

域名 - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程