Nuxt3请求异常：实例化Post类后无法获取指定属性

你的问题核心在于Post类的构造函数仅接收了参数，但未将参数绑定到实例属性上，导致实例化后无法访问对应的属性。

修复后的Post类代码 #

你可以通过两种方式修改Post类，让实例能够正常访问属性：

方式1：手动声明并赋值属性

export default class Post {
  // 先声明类的实例属性
  public id: string;
  public slug: string;
  public title: string;
  public body: string;
  public created_at: string;

  constructor(
    id: string,
    slug: string,
    title: string,
    body: string,
    created_at: string
  ) {
    // 将构造函数参数赋值给实例属性
    this.id = id;
    this.slug = slug;
    this.title = title;
    this.body = body;
    this.created_at = created_at;
  }
}

方式2：TypeScript简写语法（更简洁）

在构造函数参数前添加public修饰符，TypeScript会自动将参数声明为实例属性并完成赋值：

export default class Post {
  constructor(
    public id: string,
    public slug: string,
    public title: string,
    public body: string,
    public created_at: string
  ) {}
}

验证效果 #

修改Post类后，当你在页面中调用getLatestPost()获取到Post实例时，就可以正常访问post.title、post.slug等属性了。

内容的提问来源于stack exchange，提问作者Anderson Lucas