Vue 配置全局变量

---

1.创建config文件

src下创建config/index.js文件

//定义全局变量
const rootUrl = 'http://192.168.0.46'
const globalUrl = {
	rootUrl: rootUrl,
	semanticSearchUrl: rootUrl + ':8001/search/semantic',
	detailUrl: rootUrl + ':8001/detail',
	summaryUrl: rootUrl + ':8002/summary',
	transformUrl: rootUrl + ':8003/transform',
	keywordPickUrl: rootUrl + ':8004/keywordpick'
}

// 暴露对象
export {
    globalUrl
}

---

2.挂载到全局

src/main.js中挂载变量

// 挂载全局变量 -----------------------------------
import { globalUrl } from './config';
Vue.prototype.globalUrl = globalUrl
// ----------------------------------------------

---

3.使用变量

任意组件中使用

console.log(this.globalUrl.detailUrl)

---