小编Sub*_*ngh的帖子

我有一个页面（动态路由），我在其中从加载函数中的 API 获取数据。在获取数据之前显示加载指示器的正确方法是什么？我尝试过的事情：

1. 使用await 块。我返回一个获取函数的承诺，然后在正常的脚本标记中，导出一个承诺变量。然后，我在操作数据后手动解决这个承诺。

<script context="module">
  export async function load({ fetch, page }) {   
    let collectionId = page.params.id;    
    let endpoint = url;   
    const promise = fetch(endpoint);  
    return {props:{promise}}; 
  }
</script>

然后在正常的脚本标签中

<script>
export let promise = new Promise(() => '');

promise = new Promise((resolve, reject) => {
    promise.then(function (response) {
      if(response.ok){
        console.log('response');
        response.json().then(function (json) {
          console.log('data in promise');
          console.log(json);
          let posts = json.map((post) => new Post(post));
          posts = posts.sort(function (a, b) {
            return a.id - b.id;
          });
          resolve(posts);
        }); …

使用 Prisma v 3.8.1

我的User模型是

model User {
  id                   Int          @id @default(autoincrement())
  createdAt            DateTime?    @default(now())
  email                String       @unique
  name                 String       
  password             String
  accessToken          String?
  accessTokenCreatedAt DateTime?    @default(now())
  address              String?
  city                 String?
  state                String?
  postalCode           String?
  phoneNumber          Int?
  igUserId             String?
  role                 Role         @relation(fields: [roleId], references: [id])
  roleId               Int
  organization         Organization? @relation(fields: [organizationId], references: [id])
  organizationId       Int?
  orders               Order[]
}

生成的类型是

type User = {
    id: number;
    createdAt: Date | null;
    email: string;
    name: string;
    password: string;
    accessToken: string | …