Vue 3组合式API在Vue-CLI4不同构建环境下getCurrentInstance访问全局属性异常

• getCurrentInstance() 返回的 ctx 是Vue为兼容Options API设计的组件实例上下文代理对象，作用是模拟Options API中this的访问能力，本身并非官方推荐的Composition API读取全局属性的入口。
• 开发、生产环境的行为差异来自Vue 3内置的生产构建优化规则：
  • 开发模式下，为降低调试成本、方便排查问题，Vue会将应用config.globalProperties上的所有属性完整代理到组件的ctx对象上，不做静态使用裁剪，因此可以直接从ctx解构获取所有自定义全局属性。
  • 生产构建下，为减少运行时代理开销、压缩打包体积，Vue会对ctx的代理逻辑做精准裁剪：仅将组件模板编译阶段被显式引用过的全局属性绑定到ctx代理对象上，未被模板直接使用的全局属性，不会被挂载到ctx上。
• 结合使用场景：在App.vue的onMounted回调JS逻辑中读取这些全局属性，没有在组件模板中显式引用$store、$router、$projectProperties，生产构建的静态代码分析无法识别到这些属性的使用需求，因此没有将它们挂载到ctx上，最终导致解构取值为空。
• 你使用的_instance.appContext.app.config.globalProperties路径可以跨环境正常取值，是因为这个路径直接穿透组件代理层，读取的是应用全局配置的原始对象，完全不经过生产构建对ctx的裁剪逻辑，不受构建模式影响。

• Composition API场景下禁止依赖ctx的代理行为读取全局属性，避免被生产构建优化逻辑影响导致功能异常。
• 推荐两种无构建环境差异的访问方式：
  1. 沿原始配置路径读取：直接使用_instance.appContext.app.config.globalProperties获取全局属性表，和构建模式完全解耦
  2. 复用已实现的依赖注入逻辑：自定义插件已经通过app.provide('$projectProperties', _projectFile)完成全局暴露，直接在组件中用inject接收即可，耦合度更低：

     import { inject } from 'vue'
     setup() {
       // 跨环境通用，不受构建优化影响
       const projectProperties = inject('$projectProperties')
     }
     

• 临时兼容方案（不推荐长期使用）：如果必须通过ctx访问全局属性，需要在对应组件的模板中显式引用一次目标属性（比如添加无副作用的模板占位{{ $projectProperties }}），让生产构建的静态分析识别到属性使用需求，这种方式维护成本高，仅适合改造历史遗留代码。

内容的提问来源于stack exchange，提问作者RonaldT