Astro.js 动态导入答案

【问题标题】：Astro.js dynamic importAstro.js 动态导入
【发布时间】：2022-11-11 00:35:50
【问题描述】：

所以我有一点问题，我正在制作一个网站，根据 API 更改内容，现在 API 请求仅在构建期间发出，但我需要网站动态更新，以便当价格例如，产品发生变化，价格自动更新

---
import "../styles/bootstrap.css";
import "../styles/fontawesome-all.css";
import "../styles/magnific-popup.css";
import "../styles/styles.css";
import "../styles/swiper.css";
import Layout from "../layouts/Layout.astro";
import Nav from "../layouts/Nav.astro";
import Content from "../layouts/Content.astro";
import Hero from "../layouts/Hero.astro";
import Footer from "../layouts/Foorter.astro";
import { appName, shortDesc, link, price, img, desc, copyright, tags} from "../scripts/getFromApi";

---

<Layout title={appName} desc={shortDesc} favIcon={img} tags={[appName, tags]}>
    <Nav href={link} name={appName} />
    <Hero
        appName={appName}
        appShortDesc={shortDesc}
        price={price}
        href={link}
        imageHref={img}
    />
    <Content price={price} appName={appName} appDesc={desc} appLink={link} />
    <Footer copyRight={copyright} />
    <script
        src="https://kit.fontawesome.com/1a466070cf.js"
        crossorigin="anonymous"
    ></script>
</Layout>

【问题讨论】：

标签： javascript astrojs

【解决方案1】：

您可能有这些选项。

执行SSR 以在请求时使用最新数据呈现您的模板。您的页面不需要任何额外的 javascript 来呈现动态内容。
使用带有client:only 指令的普通javascript 或框架组件执行SSG，以在客户端获取和呈现动态内容。此选项将需要加载更多的 javascript，并且 SEO 不会很好。
执行 SSG 并设置一个 webhook，每次动态内容更改时触发构建。如果内容更改太频繁，这将无用

【讨论】：