Vue设置全局变量(MD.4)

版权声明：每次关键时刻我都会掉链子，我知道重要时刻我都会发挥失常，所以我会付出150%的努力，即使只能发挥60%水平，也能拿到90分！ https://blog.csdn.net/qq_16371909/article/details/81124337

2018-07-19，22：37，今天完善了漫岛（了解漫岛）的登录注册流程，但这一块暂时不上线。
调取接口的时候发现在请求的url上要重复写接口前缀“http://xxx.com”，当然不能每次都这么写，如果以后接口换成https，或者前缀改了，一个个的改起来那估计得头疼死，于是引出了今天的博客主题：

Vue项目如何引入全局变量

方法很多，我就以我的代码为例吧，就两步：
1.在components目录下新建一个Global.vue文件，专门用来存放类似的全局变量，统一存放到这里方便管理。

Global.vue代码如下：

<!--全局变量-->
<script>    
    //线上接口地址
    const apiUrl="http://xxxxxx.iscoser.com";
    export default{
        apiUrl
    }
</script>

2.接着在main.js里面引入apiUrl，给Vue的原型添加这个属性。

import apiUrl from './components/Global.vue'
Vue.prototype.apiUrl = apiUrl.apiUrl;

经过以上两步，在项目里面的其他页面就都可以引用到apiurl了，直接使用this.apiUrl，打印出来就是我们之前在Global.vue文件里面定义好的变量了，以后再改的时候改动一下这里所有的接口都跟着变动了，省心。

昨天熬夜熬得眼冒金星，今天不熬了，喝点肥宅快乐水，吃点肥宅快乐晚餐睡觉的。

漫岛居民群欢迎任何三观正的小伙伴进来玩啊，Q群号：581062303，晚安！