vue中如何切換全局環(huán)境
本篇內(nèi)容介紹了“vue中如何切換全局環(huán)境”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！
專注于為中小企業(yè)提供成都網(wǎng)站建設(shè)、做網(wǎng)站服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)南鄭免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了上千企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
1.我們在utils中創(chuàng)建一個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 結(jié)構(gòu)
“vue中如何切換全局環(huán)境”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！
網(wǎng)頁名稱：vue中如何切換全局環(huán)境
網(wǎng)頁地址：http://m.jiaotiyi.com/article/pgiddh.html