vue学习：定义全局变量并使用

平时在调试时，在本地启动后端服务，前端项目在调用接口时，一般使用本地ip地址

但是由于我电脑连接的wifi，导致ip经常变，每次变化后都要修改前端调用的ip，涉及好几个文件

 

所以想着把ip地址定义为一个全局变量，这样每次变化后，都改这一个地方就可以了

 

1、新建一个common.vue文件，在里面定义好一个变量，如url

<template>

</template>

<script>
const uat_url = 'http://192.168.1.1:8001'
export default {
  name: "common",
  uat_url,
}
</script>

<style scoped>

</style>

2、打开项目中的main.js文件，引入common.vue

import global from './views/common.vue'

Vue.prototype.COMMON = global

3、在其他vue文件中使用全局变量

......
......
let url = this.COMMON.uat_url
......
......