vue 3之app.config.globalProperties的使用，ctx打包后指向错误

最新推荐文章于 2024-08-14 09:19:18 发布

MZS_ym

最新推荐文章于 2024-08-14 09:19:18 发布

阅读量1.5w

点赞数 6

分类专栏： vue3 文章标签： vue js

本文链接：https://blog.csdn.net/MZS_ym/article/details/108866013

版权

在Vue 3的main.js中配置app.config.globalProperties时，组件内调用http方法遇到打包后指向错误的问题。原本在组件内部可以正确访问到http方法和store、router，但打包后http方法执行失败，ctx对象发生变化。解决方案是使用proxy替代ctx，并在启动时构造proxy，打包后指向恢复正常。Vue官方可能不建议在原型链上挂载，推荐使用provide和inject进行依赖注入。

摘要由CSDN通过智能技术生成

在main.js中配置app.config

const app = createApp(App)
app.config.globalProperties.http = () => {
   
    console.log('i am http')
}
app.use(store).use(router).use(Element3).mount