Shulou(Shulou.com)05/31 Report--

This article introduces the knowledge of "how to switch the global environment in vue". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

1. We create a global.js file in utils

/ * * @ Author: faith global constant object create by faith 2019-10-23@return global constant object * export function global () {const localGlobal = {PORTAL: 'http://test. Domain name .com: 1024 hours, / / Front desk CONSOLE: 'http://test. Domain name: .com: 9528, / / background SHOP: 'http://test. Domain name: .com: 1025customers, / / store OSS_URL: 'https://devsfile.oss-cn-beijing.aliyuncs.com/' / / picture address} const devGlobal = {PORTAL:' https://dev. Domain name .com', / / Front desk CONSOLE: 'https://dev.console. Domain name .com', / / background SHOP: 'https://dev.shop. Domain name .com', / / Store OSS_URL: 'https://devsfile.oss-cn-beijing.aliyuncs.com/' / / Picture address} const prodGlobal = {PORTAL:' https://www. Domain name .com', / / Front desk CONSOLE: 'https://console. Domain name .com', / / background SHOP: 'https://shop. Domain name .com', / / Store OSS_URL: 'https://ycsfile.oss-cn-beijing.aliyuncs.com/' / / Picture address} return devGlobal}

Used in 2.main.js

Import {global} from'. / utils/global'Vue.prototype.$global = global () 3.vue page uses the img address data () {return {ossUrl: this.$global.OSS_URL,}}

4.Dom structure

That's all for "how to switch the global environment in vue". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.