文件存储操作

我将通过一个简单的示例，来演示如何在 NuxtBase 中使用 Supabase Storage 进行文件存储操作。这是 NuxtBase 内置的一个 Storage 示例，你可以在「控制台」中找到。

Storage示例

创建存储桶

在使用 Storage 之前，需要先在 Supabase 控制台创建存储桶（Bucket）。

上传文件到指定的存储桶和路径：

const { error } = await supabase.storage
  .from(BUCKET_NAME)
  .upload(filePath, file);

从存储桶中下载指定文件：

const { data, error } = await supabase.storage
  .from(BUCKET_NAME)
  .download(filePath);

列出存储桶中指定路径下的所有文件：

const { data, error } = await supabase.storage
  .from(BUCKET_NAME)
  .list(folderPath);

从存储桶中删除指定文件：

const { error } = await supabase.storage.from(BUCKET_NAME).remove([filePath]);

完成示例可在@/modules/saas/dashboard/components/DashboardStorageDemo.vue中找到。