Astro.js动态导入

Question

所以我有一个小问题，我正在制作一个网站，它根据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>

Answer 1

你可能有这些选择。

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