2

vueJS 和 Directus 世界的新手。通过浏览在线文档来学习我的方法。仍在寻找一个体面的教程,逐步说明如何访问 Directus 的远程安装并在 vueJS 应用程序中使用其数据。

我的设置如下:

  • vueJS 应用程序正在我的本地机器上在 VS Code Directus 设置中开发并在远程服务器上运行

在我的 home.js 组件中,我似乎能够通过以下方式访问 Directus,并且在我的浏览器控制台中没有错误:

import DirectusSDK from "@directus/sdk-js";
const client = new DirectusSDK();
client.login({
  url: "https://mydomain.studio/directus/public/",
  project: "events",
  email: "email@emailaddress.com.au",
  password: "mypassword",
  storage: window.localStorage
});

当我尝试输出带有以下内容的集合列表时,我得到一个被拒绝的 Promise 和 401 未授权。

console.log(client.getCollections());

希望一旦我了解了上述内容为何不起作用并找到解决方案,我将能够访问我的 Directus seup 中的数据并在我的 HTML 中使用它。

非常感谢所有帮助。提前谢谢了。

如果有一个新手分步教程解释如何执行上述操作,我会很乐意复习。

提前谢谢了

4

1 回答 1

2

免责声明:我不知道 Directus 是什么。但是根据他们的文档,这样的事情在技术上应该可以工作:

import DirectusSDK from "@directus/sdk-js";

const client = new DirectusSDK({
  url: "https://mydomain.studio/directus/public/",
  project: "events",
  storage: window.localStorage
});

client.login({
  email: "email@emailaddress.com.au",
  password: "mypassword",
}).then(response => {
  console.log(client.getCollections());
});
于 2020-11-18T07:14:28.917 回答