Nuxt 框架静态站点生成（SSG)（六）

1. 配置 nuxt.config.js

首先，你需要在项目的 nuxt.config.js 文件中设置 target 为 ‘static’，这告诉 Nuxt 你打算生成一个静态网站。

// nuxt.config.js
export default {
   
  target: 'static', // 设置目标为静态网站
  // 其他配置...
}

2. 使用动态路由

静态站点生成通常与动态路由结合使用。在 pages/ 目录中，你可以创建动态路由来生成静态页面。

例如，假设你有一个博客，想要为每篇文章生成一个静态页面：

// pages/posts/_id.vue
<template>
  <div>
    <h1>{
   {
    post.title }}</h1>
    <p>{
   {
    post.body }}</