• Jeecg-Boot 增加前端配置 window._CONFIG

Jeecg-Boot 默认 window._CONFIG 配置有:
window._CONFIG[‘domianURL’] 、
window._CONFIG[‘casPrefixUrl’] 、
window._CONFIG[‘onlinePreviewDomainURL’] 、
window._CONFIG[‘staticDomainURL’] 和
window._CONFIG[‘pdfDomainURL’],
配置文件如下:

.env.development

NODE_ENV=development
VUE_APP_API_BASE_URL = http://localhost:8099/api
VUE_APP_CAS_BASE_URL = http://cas.example.org:8443/cas
VUE_APP_ONLINE_BASE_URL = http://fileview.jeecg.com/onlinePreview

src/config/index.js

import Vue from 'vue'

//设置全局API_BASE_URL
Vue.prototype.API_BASE_URL = process.env.VUE_APP_API_BASE_URL
window._CONFIG['domianURL'] = Vue.prototype.API_BASE_URL

//单点登录地址
window._CONFIG['casPrefixUrl'] = process.env.VUE_APP_CAS_BASE_URL
window._CONFIG['onlinePreviewDomainURL'] =  process.env.VUE_APP_ONLINE_BASE_URL
window._CONFIG['staticDomainURL'] = Vue.prototype.API_BASE_URL + '/sys/common/static'
window._CONFIG['pdfDomainURL'] = Vue.prototype.API_BASE_URL+ '/sys/common/pdf/pdfPreviewIframe'

如果想增加配置,需要修改3个文件,分别是:.env.development.env.productionsrc/config/index.js

以下以增加 cdnURL 为例

首先编辑.env.development.env.production文件

VUE_APP_API_BASE_URL=http://localhost:8099/api
VUE_APP_CAS_BASE_URL=http://cas.example.org:8443/cas
VUE_APP_ONLINE_BASE_URL=http://fileview.jeecg.com/onlinePreview

VUE_APP_CDN_URL=http://cdn.com

然后修改src/config/index.js文件

import Vue from 'vue'

//设置全局API_BASE_URL
Vue.prototype.API_BASE_URL = process.env.VUE_APP_API_BASE_URL
window._CONFIG['domianURL'] = Vue.prototype.API_BASE_URL

//单点登录地址
window._CONFIG['casPrefixUrl'] = process.env.VUE_APP_CAS_BASE_URL
window._CONFIG['onlinePreviewDomainURL'] =  process.env.VUE_APP_ONLINE_BASE_URL
window._CONFIG['staticDomainURL'] = Vue.prototype.API_BASE_URL + '/sys/common/static'
window._CONFIG['pdfDomainURL'] = Vue.prototype.API_BASE_URL+ '/sys/common/pdf/pdfPreviewIframe'

// 增加 CDN 地址配置
window._CONFIG['cdnURL'] = process.env.VUE_APP_CDN_URL

使用示例:

export default {
	computed: {
        cdnUrl() {
            return window._CONFIG['cdnURL']
        }
    }
}
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐