0
点赞
收藏
分享

微信扫一扫

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
......
......

 


举报

相关推荐

0 条评论