vue 项目dev/sit/uat环境判断

最新推荐文章于 2025-05-27 11:41:19 发布

熊xing

最新推荐文章于 2025-05-27 11:41:19 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

文章标签： vue

本文链接：https://blog.csdn.net/weixin_47239395/article/details/119761172

该博客介绍了如何在前端utils文件夹下的api.js中编写接口，并根据不同的URL判断运行环境，如生产、UAT、测试环境等。通过location对象获取当前URL，并设置不同环境的API地址。最后，将API导出并在common.js中引入，进一步在main.js中挂载到Vue应用中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一般在utils文件夹下api.js文件里面写接口,接口环境判断

var href = window.location.href //两者都可以拿到当前运行URL链接
// var host = window.location.host 
let _ipcc_cst;
const _sysServer = (/(creditcard.ecitic.com)/i.test(location.origin))?'https://creditcard.ecitic.com':'https://e.test.bank.ecitic.com';
if (href.indexOf('citiccard') != -1) {
// 生产环境
} else if (href.indexOf('uat') != -1) {
// UAT
} else if (href.indexOf('sit') != -1 || href.indexOf('test') != -1) {
// 测试环境
} else {
// localhost
_ipcc_cst = 'https://28.105.147.55:8080/ipss-cst-service'
}

const Api = {
 VIDEO: _ipcc_cst + '/queue/count-number',    // 查询排队位数
};
export default Api

然后在utils文件夹下common.js下引入:

  import Api from './api'
  import Http from './http'
  const common = {
	  install (Vue) {
	    this.$spi = Api
	    this.$http = new Http(this)
	  }
  }

最后在main.js引入common挂载到vue

import C from 'uutils/common'
Vue.use(C)