Как я могу получить доступ к значениям конфигурации Astro на странице?

Question

У меня есть проект Astro сastro.config.mjsнастроен со значением.

      export default defineConfig({
  site: 'https://example.com',
  // ...etc
})

В моем макете у меня есть<meta>теги, в которых жестко закодирован один и тот же URL.

      <meta property="og:url" content="https://example.com" />
<meta property="og:image" content="https://example.com/social.png" />

Я хотел бы иметь доступ кsiteconfig, чтобы заменить все жестко закодированные URL-адреса.

      <meta property="og:url" content={config.site} />
<meta property="og:image" content={`${config.site}/social.png`} />

Как я могу получить доступ к значениям конфигурации со страницы?

Answer 1

Доступ к сайту возможен по всему миру. Это задокументировано здесь . Astro.siteзначение является объектом URL .

Чтобы использовать его в своем переднем плане.

      const origin = Astro.site.origin

Чтобы получить строку полного URL.

      const site = Astro.site.href
// or
const site = Astro.site.toString()

Чтобы использовать его непосредственно в вашем HTML.

      <meta property="og:url" content={Astro.site} />
<meta property="og:image" content={`${Astro.site}social.png`} />