vue中如何切换全局环境
发表于:2025-01-30 作者:千家信息网编辑
千家信息网最后更新 2025年01月30日,本篇内容介绍了"vue中如何切换全局环境"的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!1.我们在ut
千家信息网最后更新 2025年01月30日vue中如何切换全局环境
本篇内容介绍了"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 结构
"vue中如何切换全局环境"的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注网站,小编将为大家输出更多高质量的实用文章!
域名
全局
地址
前台
后台
图片
店铺
环境
切换
内容
对象
常量
更多
知识
实用
学有所成
接下来
困境
实际
情况
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
数控培训软件开发
java切换数据库
数据库中间件加密
微信网络安全投诉
数据库出现质疑
崇明区户外led大屏服务器
数据库系统的结构
csi 网络安全
天津网络技术服务信息推荐
合肥旭实互联网科技怎么样
数据库三模式结构名词解释
电力系统软件开发关键点
湛江餐饮软件开发市场价
网络安全信息系统管理制度
定制软件开发公司哪家好
建立ftp服务器
遗传分析方法和软件开发
常州视觉工控机服务器
网络技术和数字媒体哪个好就业
济南戴尔服务器授权代理
mssql 导入数据库
金山区管理软件开发定制价格
数据库出现质疑
数据分析和网络安全哪个难
九江银行软件开发工资
服务器的性能有哪些参数
app系统软件开发企业
三级网络技术软件破解方法
企业的保险软件开发
黑暗与光明手游如何进服务器