本篇内容介绍了“vue中如何切换全局环境”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！
1.我们在utils中创建一个global.js文件
计算
安全
数据库
网络和加速
企业服务
/**
@Author: faith
全局常量对象
create by faith 2019-10-23
@return 全局常量对象
*
export function global() {
const localGlobal = {
PORTAL: 'http://test.域名.com:1024', // 前台
CONSOLE: 'http://test.域名.com:9528', // 后台
SHOP: 'http://test.域名.com:1025', // 店铺
OSS_URL: 'https://devsfile.oss-cn-beijing.aliyuncs.com/' // 图片地址
}
const devGlobal = {
PORTAL: 'https://dev.域名.com', // 前台
CONSOLE: 'https://dev.console.域名.com', // 后台
SHOP: 'https://dev.shop.域名.com', // 店铺
OSS_URL: 'https://devsfile.oss-cn-beijing.aliyuncs.com/' // 图片地址
}
const prodGlobal = {
PORTAL: 'https://www.域名.com', // 前台
CONSOLE: 'https://console.域名.com', // 后台
SHOP: 'https://shop.域名.com', // 店铺
OSS_URL: 'https://ycsfile.oss-cn-beijing.aliyuncs.com/' // 图片地址
}
return devGlobal
}2.main.js中使用
import { global } from './utils/global'
Vue.prototype.$global = global()
3.vue 页面中使用img地址
data() {
return {
ossUrl: this.$global.OSS_URL,
}
},4.Dom 结构
<img :src="ossUrl+后台传输url" class="avatar">“vue中如何切换全局环境”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站，小编将为大家输出更多高质量的实用文章！
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
原文链接：https://my.oschina.net/u/4279392/blog/4412646
