vue 全局变量 注册自定义全局变量

实际开发中会遇到测试接口与正式接口不同的情况

测试发布需要通篇进行更改极其繁琐稍微不注意就可能会使代码出现错误

所以用到了全局注册变量

自定义全局变量

在 src/utils中新建  overall.js文件内容如下:

module.exports = {
    /**
     * 需要注册的全局变量 名称: '值'
     */
    api: 'www.baidu.com',
}

在main.js中引入

// 引入地址 这里如果只有一个变量 可以进行解构引入
import overall from './utils/overall'

// 全局注册地址 为了防止变量名重复这里选用 $ 符开头 当然名字可以看心情改
Vue.prototype.$overall = overall; 

代码中使用

console.log(this.$overall);
//结果
//{
//    api: ''www.baidu.com'',
//}

console.log(this.$overall.txt);
//结果
//''www.baidu.com'',

在一些优先级比较高的文件中需要直接引入一下例如 axios 

import axios from "axios";
import {api} from '../utils/overall'

// 配置axios
const axioss = axios.create({
    baseURL: api,
    timeout: 5000
})


export default axioss

* 如果最后有警告

 可以尝试切换一下暴露方式

export default {
    /**
     * 需要注册的全局变量 名称: '值'
     */
    api: 'www.baidu.com',
}