吾爱破解 - LCG - LSG |安卓破解|病毒分析|www.52pojie.cn

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 831|回复: 5
收起左侧

[求助] vue3项目中,js文件访问全局变量的问题。

[复制链接]
cqwcns 发表于 2023-1-27 21:15
在main.js中,定义了一个全局方法cloudbase;
[JavaScript] 纯文本查看 复制代码
import { createApp } from 'vue'
import { createPinia } from 'pinia'
import cloudbase from "@cloudbase/js-sdk"
import App from './App.vue'
import router from './router'

const app = createApp(App)
const cloudbaseApp = cloudbase.init({ env: 'your-env' });
await cloudbaseApp.auth().anonymousAuthProvider().signIn().then(() => {
    console.log('成功连接云端')
});
app.provide('global', { cloudbase: cloudbaseApp });

app.use(createPinia());
app.use(router);
app.mount('#app')


经过测试,在vue文件中,通过以下方式,能成功调用该方法。
[JavaScript] 纯文本查看 复制代码
import { inject } from 'vue';
const global = inject('global'), { cloudbase } = global;


问题:
但我现在希望在js文件中调用,再由vue文件去调用js文件,实现方法在全部vue文件复用。我做了如下尝试:
首先在vue文件中这样引入js文件:
[JavaScript] 纯文本查看 复制代码
import { cloudbaseFunction } from '@/assets/js/cloudbase';
...
// 调用
  const objLogin = await cloudbaseFunction({
    target: 'staff/login',
    data: {
      phoneNumber: strPhone.value,
      password: md5(srtPassword.value)
    }
  })


cloudbase.js文件这样写:
[JavaScript] 纯文本查看 复制代码
import { inject } from 'vue';
const global = inject('global'), { cloudbase } = global;

export const cloudbaseFunction = async (e) => {
    const { target, data } = e;
    return await cloudbase.callFunction({
        name: 'webCloud',
        data: {
            target,
            data
        }
    })
}


但报错:Uncaught (in promise) TypeError: Cannot destructure property 'cloudbase' of 'global' as it is undefined.


所以,这种场景,各位大佬是否有解决办法?或者有什么建议?请指教,感谢。

发帖前要善用论坛搜索功能,那里可能会有你要找的答案或者已经有人发布过相同内容了,请勿重复发帖。

spiral 发表于 2023-1-27 21:20
这不是应该发在so么
pjy612 发表于 2023-1-28 08:58
{ cloudbase } = global;
这个为啥不放到函数体里面去?

免费评分

参与人数 1吾爱币 +1 收起 理由
cqwcns + 1 热心回复!

查看全部评分

水到渠成的执着 发表于 2023-1-30 11:20
把cloudbase 的初始化操作 也放在cloudbase.js文件呢 全局的定义有些没必要了
 楼主| cqwcns 发表于 2023-2-3 11:15
水到渠成的执着 发表于 2023-1-30 11:20
把cloudbase 的初始化操作 也放在cloudbase.js文件呢 全局的定义有些没必要了

这样是不是每次调用都要进行cloudbase的初始化?保持不了状态吧。
水到渠成的执着 发表于 2023-2-6 14:38
水到渠成的执着 发表于 2023-1-30 11:20
把cloudbase 的初始化操作 也放在cloudbase.js文件呢 全局的定义有些没必要了

是调用上次引用的缓存 所以不用担心只会初始化一次
您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则 警告:本版块禁止回复与主题无关非技术内容,违者重罚!

快速回复 收藏帖子 返回列表 搜索

RSS订阅|小黑屋|处罚记录|联系我们|吾爱破解 - LCG - LSG ( 京ICP备16042023号 | 京公网安备 11010502030087号 )

GMT+8, 2024-3-29 01:19

Powered by Discuz!

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表