当我试图在"Error: getStaticPaths is required for dynamic SSG pages and is missing for 'xxx'"中创建我的页面时,我得到了这个错误NextJS。
我不想在构建时生成任何静态页面。那么为什么我需要创建一个'getStaticPaths'函数呢?
我的nextjs应用程序是静态导出的。我使用getStaticPaths和getStaticProps在构建时正确地呈现了动态页面。它们是在名为exercised.js的文件中使用参数定义的。 我可以生成像这样的大多数页面,没有任何问题。但我希望能够静态地生成大多数页面,并且在生产构建期间页面没有静态呈现时,仍然能够使用客户端呈现按需生成新页面。 但是,according to the docs,我可以为我的动态页面启用或禁用回退。但我无法启用回退,因为我正在静态导出应用程序。如果禁用了回退,我将无法自己执行任何客户端数据获取和页面呈现,因为默认情况下,对于构建期间未生成的任何页面,都会返回
使用NextJS,我通过发出API调用在getStaticPaths中定义了一些路由:
/**
* @dev Fetches the article route and exports the title and id to define the available routes
*/
const getAllArticles = async () => {
const result = await fetch("https://some_api_url");
const articles = await result.json();
ret
我正在尝试使用NextJs创建我的所有页面,其中包含我在获取数据时获得的slugs/uri,但是当我尝试创建主页时,它会显示。 Error: The provided path `/` does not match the page: `/[slug]`. slug.tsx位于页面文件夹中。我删除了index.js,因为我希望主页与其他页面具有相同的页面布局。 当前获取的静态路径如下: export async function getStaticPaths() {
const allPages = await getAllPostsWithSlug();
return {
我使用Next.js导出静态页面,在像pages/[id].js这样的动态路由中,我放在getStaticPaths部分的任何路径都将被创建。凉爽的。
是否更好地列出每一页:
getStaticPaths(){
return (
// some function to spit out a list of every possible page
)
}
或
getStaticPaths(){
return (
// some function to return the next and previous page
)
}
或者这有关系吗?
getStaticProps和getStaticPaths所做的是在构建时在服务器上生成和存储文件,并根据请求提供文件。假设我有数以万计的产品,所以在构建时创建所有这些文件是不切实际的。
是否有一种方法来存储或缓存getServerSideProps在第一次请求时在服务器上生成的HTML页面,并从即将发出的请求中提供相同的文件,并可能在一段时间后过期?
我在NextJS的网站上找到了这个例子。这就是我要找的解决方案吗?
// This value is considered fresh for ten seconds (s-maxage=10).
// If a request is r
我试图在我的nextjs应用程序之前使用主机上的nginx作为反向代理,该应用程序部署在群集模式上。但是它总是显示像_next/*****/page/index.js这样的路径的404找不到错误。
当我连接到http://machine-host-name:3000时,它工作得很好,但是连接到http://machine-hos-name/nextjs显示了404 not错误。
这是我的nginx设置
server {
listen 80 default_server;
listen [::]:80 default_server;
index index.html inde