Nuxt 静态站点 - 标记在哪里？

Question

我已将模式设置为静态并运行 npm 运行生成。该站点是从 /dist/ 目录提供服务的，但是当我查看源代码时标记在哪里？查看源代码：https://eosnomad.com/

我不认为我在这里获得了 SEO 好处，因为 Google 没有看到 HTML。在查看开发工具时，我只看到源代码。我做错了吗？

这是我的 nuxt 配置：

export default {
  target: 'static',
  head: {
    title: process.env.DOMAIN,
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      {
        hid: 'description',
        name: 'description',
        content:
          process.evn.CONTENT,
      },
    ],
    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
  },

  css: [],

  plugins: [
    { src: '~/plugins/cookie-law', mode: 'client' },
    { src: '~/plugins/vue-agile', mode: 'client' },
    { src: '~/plugins/vue-js-modal', mode: 'client' },
    { src: '~/plugins/vue-formulate', mode: 'client' },
    { src: '~/plugins/vue-the-mask', mode: 'client' },
    { src: '~/plugins/route-to-hash', mode: 'client' },
    { src: '~/plugins/global-components', mode: 'client' },
  ],

  components: true,

  publicRuntimeConfig: {
    baseSiteTitle: '${DOMAIN}',
    siteID: '${WORDPRESS_SITE_ID}',
    cmsEndpoint: process.env.IS_LOCAL
      ? 'https://dashboard${TLD_LOCAL}/${WORDPRESS_SITE_SLUG}/${WORDPRESS_ACF_ENDPOINT}'
      : 'https://dashboard${TLD}/${WORDPRESS_SITE_SLUG}/${WORDPRESS_ACF_ENDPOINT}',
    newsEndpoint: process.env.IS_LOCAL
      ? 'https://dashboard${TLD_LOCAL}/wp-json/getnews?property_id=${WORDPRESS_SITE_ID}'
      : 'https://dashboard${TLD}/wp-json/getnews?property_id=${WORDPRESS_SITE_ID}',
  },

  tailwindcss: {
    exposeConfig: true,
  },

  loading: false,

  buildModules: [
    '@nuxtjs/tailwindcss',
    '@nuxtjs/pwa',
    [
      '@teamnovu/nuxt-breaky',
      {
        enabled: true,
        enableInProd: false,
        colorScheme: 'auto',
        position: 'bottomRight',
      },
    ],
  ],

  modules: [
    '@nuxtjs/axios',
    '@nuxtjs/svg',
    'nuxt-fontawesome',
    '@nuxtjs/dayjs',
    ['vue-scrollto/nuxt', { duration: 1000, easing: 'ease-in-out' }],
  ],

  dayjs: {
    plugins: ['isSameOrAfter', 'isSameOrBefore'],
  },

  fontawesome: {
    imports: [
      {
        set: '@fortawesome/free-solid-svg-icons',
        icons: [
          'faBullhorn',
          'faSortUp',
          'faSortDown',
          'faUtensils',
          'faEnvelopeOpenText',
          'faArrowLeft',
          'faArrowRight',
          'faTimesCircle',
        ],
      },
      {
        set: '@fortawesome/free-brands-svg-icons',
        icons: ['faFacebookSquare', 'faTwitterSquare', 'faInstagram'],
      },
    ],
  },

  webfontloader: {
    typekit: {
      id: 'XXXX',
    },
  },

  render: {
    bundleRenderer: {
      shouldPreload: (file, type) => {
        return ['script', 'style', 'font'].includes(type)
      },
    },
  },

  // Axios module configuration (https://go.nuxtjs.dev/config-axios)
  axios: {},

  // Build Configuration (https://go.nuxtjs.dev/config-build)
  build: {},
}

Answer 1

我明白了。这是一个单页网站，我将所有组件放在默认布局文件中。为了正确生成静态标记，它都需要在 index.vue 文件中。

Nuxt 静态站点 - 标记在哪里？

Nuxt static site - where is the markup?

seo

static-site

nuxt.js