public 维护打包后可变更变量

// public/url.js
var host = window.location.origin;
var ip = window.location.hostname;
window.globalConfig = {
"apiUri": host,
// "apiUri": "http://10.10.245.17:8086",
//控制页面多久请求一次数据。180000ms。即3分钟
"time": 600000,
//大屏标题
"title_1": "天津市河西区网络健康态势感知系统",
"title_2": "天津市河西区网络设备性能监控",
"title_3": "天津市河西区政务外网拓扑",
"imcThemeName": "imc-cool-blue",
"domain": ip
}

//public/index.html
<script src="./url.js" type="text/javascript"></script>

//src/config.js
import Vue from 'vue'
const API_BASE_URI = window.globalConfig.apiUri
const TIME = window.globalConfig.time
const TITLE1 = window.globalConfig.title_1
const TITLE2 = window.globalConfig.title_2
const TITLE3 = window.globalConfig.title_3
const IMC_THEME_NAME = window.globalConfig.imcThemeName
const DOMAIN = window.globalConfig.domain
const DATA_ALL = window.globalConfig.dataAll
const URLS = window.globalConfig.urls
Vue.prototype.httpUrl = API_BASE_URI Vue.prototype.time = TIME
Vue.prototype.title_1 = TITLE1 Vue.prototype.title_2 = TITLE2
Vue.prototype.title_3 = TITLE3 Vue.prototype.imcThemeName = IMC_THEME_NAME
Vue.prototype.domain = DOMAIN Vue.prototype.dataAll = DATA_ALL
Vue.prototype.$urls = URLS
var config = {
API_BASE_URI,
TIME,
TITLE1,
TITLE2,
TITLE3,
IMC_THEME_NAME,
DOMAIN,
DATA_ALL,
URLS
}
export default config

//src/main.js
import './config';

// vue file
let time = this.$time;

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Vue -渐进式JavaScript框架 介绍 vue 中文网 vue github Vue.js 是一套构建用户...
    桂_3d6b阅读 850评论 0 0
  • vue笔记 一.vue实例 vue的生命周期 beforeCreate(创建前), created(创建后), b...
    秋殇1002阅读 1,068评论 0 1
  • vuedemo20230801 Project setup Compiles and hot-reloads fo...
    Messix_1102阅读 36评论 0 0
  • 一、前言 NW.js和Electron都可以用前端的知识来开发桌面应用。NW.js和Electron起初是同一 个...
    花雨_d9ba阅读 4,439评论 0 3
  • 一、CSS问题 1.flex布局 display:flex; 在父元素设置,子元素受弹性盒影响,默认排成一行,如果...
    陈二狗想吃肉阅读 631评论 0 9