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


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

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

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

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





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

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

Vue.prototype.COMMON = global

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

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

相关