vue 使用全局变量

来源:互联网 发布:成都淘宝运营招聘 编辑:程序博客网 时间:2024/06/10 02:37

vue 使用全局变量

使用vue中的组件进行请求的时候免不了需要设置baseURL。但是这个baseURL最好不要写在某个全局的vue组件中。如果写到一个组件中的话,打包之后再修改会发现加密了。

好,下面介绍一种方式,把全局变量引入。
1、新建js文件:

文件内容如下:
const BASE_URL = 'http://192.168.0.108:7878/zkview/'export default {  BASE_URL}

2、修改入口main.js文件
import global_ from './../static/config/global'

然后使用变量
Vue.prototype.GLOBAL = global_;axios.defaults.baseURL = global_.BASE_URL;

这样就能够使用变量了,使用的时候可以这样:
 alert(this.GLOBAL.BASE_URL);