在Nextjs构建过程中(在`getStaticProps`中)调用尚未部署的API函数
在Next.js构建过程中，在getStaticProps中调用尚未部署的API函数是指在构建静态页面时，需要获取数据的部分使用了尚未部署的API函数。
Next.js是一个React框架，用于构建服务器渲染的React应用程序。它提供了getStaticProps方法，用于在构建时获取静态数据，并将其注入到页面中。
当我们在getStaticProps中调用尚未部署的API函数时，可能会导致构建过程中的错误。这是因为在构建时，API函数尚未部署或不可用，无法获取所需的数据。
为了解决这个问题，我们可以采取以下几种方法：
- 使用条件语句：在
getStaticProps中，我们可以使用条件语句来检查当前环境是否为开发环境。如果是开发环境，我们可以模拟API函数的返回数据，以便在构建过程中使用。如果是生产环境，我们可以使用默认的静态数据。 - 使用模拟数据：在
getStaticProps中，我们可以使用模拟数据来代替API函数的返回数据。这样可以确保在构建过程中获取到所需的数据，并生成静态页面。 - 使用动态路由：如果API函数的返回数据与页面路径相关，我们可以使用Next.js的动态路由功能。通过动态路由，我们可以在构建过程中生成多个静态页面，并为每个页面提供不同的数据。
总结起来，当在Next.js构建过程中，在getStaticProps中调用尚未部署的API函数时，我们可以通过使用条件语句、模拟数据或动态路由来解决这个问题。这样可以确保在构建过程中获取到所需的数据，并生成完整的静态页面。
腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云开发（CloudBase）：https://cloud.tencent.com/product/tcb
- 云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
相关·内容
我的项目，部署到Vercel Nextjs站点，使用/pages/api/foo.ts 在/pages/index.tsx内部，我执行以下调用： const api = {
async monthly(symbol) {
const res = await fetch(`${server}/api/stocks?symbol=${symbol}`);
const json = await res.json();
return json;
},
};
export async function getStaticProps() {
const initia
浏览 8提问于2020-09-02得票数 0
回答已采纳
描述了bug
我用NextJS构建了一个具有内部API的应用程序，并使用getStaticProps方法查询该API。
您可以在这里找到已部署的应用程序：
这里还有github存储库：
应用程序在开发模式下工作得很好，我在Vercel中所做的部署也可以工作。但是，当我运行下一个build命令时，我会得到以下错误：
Build error occurred
FetchError: request to http://localhost:3000/api/restaurants failed, reason: connect ECONNREFUSED 127.0.0.1:3000
at C
浏览 5提问于2021-06-27得票数 4
我在NextJS项目的pages文件夹中创建了一个API路由。它工作得很好，我可以通过直接访问URL (如 )从它获取数据。我想在getStaticProps中获取数据，然后转发到组件中。如果我这样做会很好
export const getStaticProps: GetStaticProps = async (ctx) => {
const { data } = await axios.get("http://localhost:3000/api/tv/popular");
return {
props: {
popularContent:
浏览 0提问于2022-09-28得票数 0
3回答
我需要在NextJS项目中的一些组件中使用第三方API获取数据。
我希望服务器使用SEO的API预呈现组件。但在此之后，当用户与应用程序交互时，组件道具应该在客户端获取。
我能够通过使用NextJS getInitialProps方法来实现这个行为。但是在官方的NextJS文档中，建议使用getStaticProps或getServerSideProps。
我想知道做这件事的推荐方法是什么。
浏览 10提问于2021-08-29得票数 0
我很难理解为什么在nextjs repo中使用getStaticProps的阿波罗GraphQL示例。NextJS文档称getStaticProps用于在构建时获取数据。
示例如下：
在实现中(如下所示)，它在运行时而不是构建时检索数据。
我也不理解revalidate: 1的作用，因为在示例中没有使用它，但是当将示例更改为使用getServerSideProps时，它不是可以传入的有效参数。
export async function getStaticProps() {
const apolloClient = initializeApollo()
await apolloCli
浏览 0提问于2020-11-14得票数 0
在我的Nexjs 13应用程序中调用端点时，我希望能够使用增量静态再生。问题是，我的端点是一个边缘函数，所以在构建代码时会出现以下错误：
当我试图像这样调用app/目录中的边缘函数时，会显示此错误。
async function fetchPosts() {
const res = await fetch(`${basePath}/api/myExpensiveEndpoint`, { next: { revalidate: 60 } });
const data = await res.json();
return data.posts;
}
我认为这是预期的，因为它
浏览 3提问于2022-11-09得票数 0
回答已采纳
当我试图构建我的Next.JS应用程序(它有一个getStaticProps()函数从Strapi获取数据)时，提取失败。它失败了，因为它在构建时无法解析Strapi容器的别名。有办法绕道吗？这是一些信息。如果更多的信息有帮助，请告诉我：
码头版20.10.14
docker-撰写版本1.29.2
Next.JS版本12.1.0
Node.JS版本v17.6.0
在我的页面/index.tsx文件中，我有以下内容：
export async function getStaticProps() {
let data: PageData = null;
try {
const r
浏览 17提问于2022-03-29得票数 1
1回答
在IndexPage上，我使用getStaticProps调用api。当我在前端console.log时，我在浏览器上得到一个空对象。
使用NextJS的iam
const IndexPage = (props) => {
console.log(props)
return(
<h1>Hello</h1>
)
}
export async function getStaticProps() {
const res = await fetch("https://jsonplaceholder
浏览 3提问于2020-12-03得票数 1
回答已采纳
1回答
我正在尝试将我的nextjs网络应用程序部署到vercel。
当我部署我的站点时，我得到以下信息：
> Build error occurred
FetchError: request to http://localhost:3000/api/products failed, reason: connect ECONNREFUSED 127.0.0.1:3000
在这里，我在localhost:3000上获取数据，它在npm run dev时工作。但是现在我想构建和部署我的项目，我再也不能从localhost获取，而且我还不知道我的域名。那么，当vercel正在构建我的站点时，我如何从A
浏览 7提问于2022-01-07得票数 1
我试图用Nextjs实现一个"OnThisDay“维基百科风格的特性，显示当天发生的事件。为此，我有一个如下所示的函数：
const list = [{"dateOfDeath": "2000-01-01", "name": "X"},{"dateOfDeath": "2000-01-02", "name": "Y"]
const dateObj = new Date();
const currentDay =
('0' + (dateO
浏览 12提问于2022-04-18得票数 1
奇怪的错误开始出现，导致构建失败，
我们在页面dir中有一个post/id.tsx文件，这个文件使用getStaticProps和getStaticPaths
-道具
export const getStaticProps: GetStaticProps = async ({ params }) => {
const res: Response = await fetch(`${baseUrl}/api/products/${params.id}`);
const data: Product[] = await res.json();
return {
props
浏览 7提问于2021-11-26得票数 0
回答已采纳
1回答
我正在用nextjs构建一个站点，但我遇到了一个问题。我有网站的封面，其中有一个产品的列表，并在顶部的菜单上的产品类别的列表。这些产品是通过getStaticProps进行查找的(因此它是由服务器完成的，并被缓存)。但是，类别在一个单独的组件中，在组件中我需要从API加载类别列表。
getStaticProps在这种情况下不起作用，因为它不是一个页面，而是一个组件。
在useEffect内部获取是不好的，因为每次访问都会加载api。
因此，问题仍然存在，我如何执行此服务器端获取并交付缓存(json)返回？(模拟getStaticProps)
浏览 1提问于2021-09-20得票数 0
我尝试在页面上使用Nextjs getStaticProps函数
并将其部署到AWS放大器上。然而，当我给出选项“重新验证”时
AWS cloudfront发生错误。503个错误说它没有得到许可
差不多吧..。有人知道如何解决这个问题吗？
浏览 6提问于2022-03-10得票数 2
回答已采纳
使用连接到Apollo的Next.js，我有50个左右的非动态urls使用getStaticProps()获取数据。它工作得很棒，我喜欢页面加载的方式。我面临的问题是，因为Vercel在构建时构建这些页面的静态版本，所以在构建大约40个页面后，我很快就达到了这些页面上使用的API的速率限制。考虑到我无法控制这些速率限制，有没有办法在构建时限制每个getStaticProps中的数据调用，以腾出这些数据调用的空间？我的#getStaticProps在每个页面上如下所示： export async function getStaticProps() {
const apolloClient =
浏览 16提问于2020-09-04得票数 1
回答已采纳
2回答
在Vercel上获取本地和生产
、、、、
我有一个非常严肃的问题，我没有找到关于Vercel (NextJS)的答案。
我试图在Versel上部署该项目，并使用一些结构从API获取数据，例如：
export async function getStaticProps(context) {
const route = process.env.APIpath + 'api/category/getCategories'; //focusing here, ok on localhost
const res = await fetch(route)
const json = await res.json()
浏览 0提问于2021-06-08得票数 0
回答已采纳
我在用NextAuth构建NextJs Web时遇到了问题。我在pages/api中创建了自己的API，并用getSession保护它不受NextAuth的影响。当我使用getServerSideProps或getStaticProps调用接口时，getSession返回空值，但当我在组件函数内部调用接口时，getSession返回用户数据值。有没有人能帮上忙或者有什么建议？ pages/index.jsx export async function getStaticProps(context) {
const projects = await fetchApi(`${process.
浏览 69提问于2021-08-27得票数 0
回答已采纳
1回答
我在Vercel上部署了一个Nextjs应用程序。我发现使用getStaticProps的SSG页面在第一个页面加载时的响应时间更慢。随后的页面加载是即时的。为什么是这种情况？
我希望所有的页面加载都应该是即时的，因为它们在构建时被缓存在CDN中。我确信这些页面是SSG，因为我在构建日志中查看它们被标记为SSG。我在这里错过了什么？谢谢。
浏览 16提问于2022-11-24得票数 0
我正在使用NextJs制作一个web应用程序。在页面中，我需要获取一个api来获取数据并显示它。但是它编译了我有一个错误。
错误是：Error: Your `getStaticProps` function did not return an object. Did you forget to add a `return`?
我的职责是：
export async function getStaticProps(context) {
try {
const res = await fetch(ApiLinks.players.all)
.then((resp
浏览 24提问于2022-12-03得票数 1
回答已采纳
我有个Nextjs应用。我从无头CMS中获取数据，以填充404错误页面。如果我没有得到一个合理的反应，从CMS，我想抛出一个500错误。
这有可能来自getStaticProps吗？
浏览 10提问于2022-02-14得票数 0
回答已采纳
我在一个环境(我的)上有一个Strapi后端，在Vercel上有一个NextJS前端。我的客户端在Google上有相同的Strapi后端代码和托管在某处的相同的前端代码。我托管了生产前环境，我的客户端承载了生产环境。
当我在我的NextJS应用程序中的某些页面上激活静态生成时，由于我的Strapi后端服务器是一个小/慢的服务器，我达到了RAM和后端崩溃的极限。另外，我还想为我的预制作环境保留服务器端呈现，因为它在贡献内容时是有用的，因为您可以立即看到您的贡献。
我的客户端没有任何内存限制，因此我尝试使用NODE_ENV使我的NextJS应用程序页面在生产环境中以静态模式生成，在我的环境(预制作
浏览 16提问于2021-09-10得票数 0
1回答
我在构建时使用getStaticProps加载数据。 export const getStaticProps: GetStaticProps = async () => {
const users = await prisma.user.findMany()
return {
props: { users }
}
} 我有一个创建新数据的表单： const handleSubmit = async ({ name, score }) => {
const body = { name, email }
await fetch(`http://localh
浏览 34提问于2021-09-25得票数 1
回答已采纳
我有一个MERN应用程序，在其中我已经集成了NextJS。第一次和NextJS在一起，所以请原谅我。我最初使用的是SSR everywhere (getServerSideProps)。
要点：
我有超过15万页的静态内容是永远不会改变的。
每周我都会增加大约100页。
我想这里最理想的情况是使用getStaticProps和getStaticPaths，并且在最初构建了15万页之后，每周只构建新添加的页面，并保留我已经构建的内容，因为它不会改变。
我怎样才能做到这一点？我应该在这里使用revalidate吗？我已经在文档中读到了它，但我并不完全理解它。
浏览 4提问于2021-02-03得票数 9
回答已采纳
我想在网上买一个购物website.It有产品分页功能。
在Nextjs的文档中，他们推荐使用getStaticProps和getStaticPaths，而不是其他(FetchMore In getStaticProps)，但是当我搜索Nextjs分页时，几乎所有的文档或教程都使用getServerSideProps或getInitialProps。我试图在fetchMore中使用，但我没有发现任何问题，那么他们为什么使用getServerSideProps呢？
我的代码
let paginationOptions: PaginationOptionsInput = {
skip: 0,
浏览 4提问于2022-04-04得票数 0
回答已采纳
3回答
上下文：
我在Nginx后面有一个NextJS部署。其想法是使用NextJS创建多个托管在不同域的网站。每个域将在Nginx中有一个条目，并且它将指向NextJS中的特定路径NextJS。所有网站只有一个NextJ部署，每个域都将使用nginx中的static代理进行路由。
nginx.conf
server {
listen 80;
server_name www.cafe-one.local;
location = / {
proxy_pass http://localhost:3000/cafes/cafe_i
浏览 7提问于2020-08-01得票数 11
我正在使用NextJS的getStaticProps从外部API中获取一些数据。通过阅读上的数据获取文档，我发现了一个特别的注意事项：
注意:不应该使用fetch()来调用应用程序中的API路由。相反，直接导入API路由并自己调用它的函数。您可能需要为这种方法稍微重构您的代码。
现在，我正从名为getStaticProps的页面组件直接调用Index，如下所示：
export default function Index({ data }) {
return <div>{data}</div>;
}
export async function getSta
浏览 3提问于2020-09-24得票数 8
回答已采纳
我有一个带有nextJS前端的express应用，这两个前端都部署在Heroku上。由于Heroku的动态端口分配，我尝试将端口传递到静态nextJS构建中，以便它知道如何调用
const PORT = process.env.PORT;
fetch(`https://localhost:${PORT}/api/blah`)
我已经在我的package.json中尝试了以下方法，但似乎不起作用：
"scripts": {
"test": "jest",
"dev": "nodemon",
浏览 16提问于2020-02-17得票数 0
我是nextjs的新手。我想在服务器上预先渲染一个页面，并希望延迟渲染，直到API调用得到解决。为了实现这一点，我正在使用nextjs官方文档中提到的getStaticProps。
下面是文件在我的代码结构中的位置：
我正在从index.js导出我的getStaticProps
以下是代码片段：
export const getStaticProps = async () => {
const res = await axios.get(`http://blogexample.com/blog/posts`);
const bl
浏览 1提问于2020-07-11得票数 0
我认为这是一个很普通的问题，但我在谷歌上找不到任何东西。
我正在学习NextJs (使用TypeScript)，并且我已经成功地使用了动态路由、SSR和增量再生--所有的设置和部署到Vercel。下面是我的动态路由处理程序中的GetStaticProps和GetStaticPaths代码示例：
export const getStaticPaths: GetStaticPaths = async () => {
const routes = new CmsHelper().GetRoutes();
const paths = (await routes).items.m
浏览 5提问于2021-01-01得票数 8
我是NextJS和GraphQL的新手，我正在使用MERN栈和(NextJS和GraphQL)构建一个应用程序。我只需要澄清一下，我是使用getStaticProps(nextJS)中的查询返回的数据，还是使用useQuery钩子(apollo/Client)返回的数据。
例如:我有一个组件，它根据ID获取数据，它的名称是id.tsx，我知道在nextJS中，我们在组件生成之前使用getStaticProps来获取数据，就像在我的组件中一样
export const getStaticProps: GetStaticProps = async ({ params }) => {
l
浏览 1提问于2020-07-30得票数 3
2回答
我正在使用getStaticPaths在NextJS中创建一个产品页面。我的产品来自wooCommerce，问题是：
我想使用"permalink“作为我的NextJS路由URL，但是我需要product.id来获取正在呈现的特定产品的数据。
我的代码如下所示：
export async function getStaticPaths() {
const res = await fetch('https://.../products/')
const products = await res.json()
const paths = produc
浏览 19提问于2022-04-10得票数 3
我想在我的NextJs应用程序(例如Sanity.io)中使用无头CMO。内容是特别重要的SEO。如果我正确地看到它，我只能通过getStaticProps服务器端接收页面级的数据，以预先呈现它(对SEO很重要)。
如果我现在想要将数据从页面组件发送到一个嵌套很深的子组件，那么通过支柱钻取是很尴尬的。我的第一个想法是使用React的上下文API (参见代码)。
但是，我怀疑在构建过程中，上下文API的状态不会接管值(例如SEO文本)。因此，预先呈现的页面没有SEO内容的无头CMO。
是否有一种方法可以通过getStaticProps将无头CMO的值发送给深度嵌套的子级，而不需要钻支柱？或者上下
浏览 13提问于2022-10-16得票数 -1
回答已采纳
我一直在用无头WordPress和NextJ构建一个投资组合。我编写了自己的函数来从GraphQl端点获取数据。一切都很好。但是我有媒体文件(图像，pdfs等等)它们存储在WordPress CMS上，并作为链接导入到next.Js (导入为外部映像)。例如：
<img src="https://wordpresscms.mywebsite.com/uploads/2020/02/myimage.png" />
但我希望资产托管在nextJs网站上，并在每次构建时自动更新。有办法在Next.Js中自动做到这一点吗？或者，当我将我的网站部署到生产中时，这是否已经完成了
浏览 1提问于2021-02-15得票数 6
回答已采纳
我只想问一下，当用户“点击搜索按钮”时，如何调用接口，并在NextJS中显示相应的结果。谢谢! 这是我正在使用的API https://www.themealdb.com/api/json/v1/1/search.php?s=Steak，注意“牛排”这个词是我想要看到的食物。 这是我在开发模式http://localhost:3000/search/steak/中的url。 我想在getStaticProps中传递“牛排”，并在我的组件中传递getStaticProps的结果。 export const getStaticProps = async () => {
const re
浏览 65提问于2021-07-16得票数 0
伙计们，当我试图在下一个版本中运行"npm运行构建“时，我遇到了奇怪的错误，
我的档案在
pages/agenda/[...uri].tsx
代码中运行问题的部分。
export async function getStaticProps({ params }: { params: any }) {
const tournamentData = await getTournamentData(params.uri[0])
return {
props: {
tournamentData
}
}
}
export async function g
浏览 7提问于2022-04-24得票数 0
回答已采纳
我正在使用NextJS的getStaticProps中的一个库。因此，库将仅用作构建时。这种依赖在我的dependency中是正常的还是dev package.json的？
浏览 0提问于2022-09-03得票数 2
回答已采纳
在nextjs中，getStaticProps()和getServerSideProps()有什么区别？
浏览 18提问于2022-08-22得票数 0
我们的应用程序需要使用getStaticPath生成的数组生成大约37000页的页面-- getStaticProps需要在api上为构建每个页面执行请求，但我们目前有一些超时请求。然后，我将尝试在每个请求中添加一个小定时器(我想大约0.1秒)，但是我没有找到任何一个nextjs参数来完成这个任务--有人已经准备好这样做了吗？
浏览 5提问于2022-08-26得票数 0
因此，我尝试将我的nextjs应用程序部署到vercel，但是它总是在代码的索引获取URL部分失败。在我的页面目录的index.js文件中，我有以下代码： export async function getStaticProps() {
const res = await fetch(`${process.env.ROOT}/api/users`)
const users = await res.json()
return {props: {users: users.users}}
}
export default Index; 它从next.config.js中拉取相对网址，
浏览 57提问于2021-01-03得票数 0
回答已采纳
2回答
目前，我正在开发一个Nextjs项目，在该项目中，我必须从API获得响应，并将其转换为JSON响应。
假设这是一个API，
我使用getStaticProps从这个API中获取数据，
var fetch_url = "https://jsonplaceholder.typicode.com/users"
export const getStaticProps = async () => {
const res = await fetch(fetch_url);
const data = await res.json();
return {
pr
浏览 0提问于2021-06-18得票数 0
我正在使用getStaticProps()获得以下错误。这里有什么问题？使用nextjs和我将返回的值作为道具传递给组件。我不知道这里发生了什么，我已经尝试了几件事情(等待，JSON.stringify())，但是没有什么效果。当我单独运行api路由时，它可以工作，因此我知道api路由是好的。另外，当我使用名称常量时，它也能工作。
export async function getStaticProps(){
//const names = {fname: "jim", age: "bob", grade: 10}
const res
浏览 2提问于2022-08-17得票数 0
如何在NextJs的getInitialProps/getServerSideProps/getStaticProps内部调用带有React Context API的动作创建器？ 使用redux和NextJs，我可以访问store，然后分派一个动作创建者。但是，对于React Context API，我不知道如何做到这一点。 Redux示例： Search.getInitialProps = async ({ store }) => {
store.dispatch(fetch('next-js'));
}); 我如何使用React Context API来实现这
浏览 9提问于2020-07-02得票数 2
我正在看nextjs教程，老师做了一些打破了我在学校学到的东西的事情，让我开始思考。
他这样做了：
interface FaqProps {
faq: FaqModel[];
}
export default function Faq({ faq }: FaqProps) {
return (
<div>
{faq.map((f) => (
<ExpansionPanel key={f.id}>
<ExpansionPanelSummary
expandIcon={&l
浏览 5提问于2020-09-09得票数 0
1回答
我有一个nextjs应用程序，我正在使用它来处理我已经部署到Vercel的条形支付。该应用程序只是一个内置了大量功能的表单，但需要使用api (这就是我使用nextjs的原因)。什么是最好的方法，使其进入一个php站点？为了与stripe通信，我需要访问nextjs。否则，我就会在php站点中构建react应用程序，并按照通常的方式在页面上呈现它。我从来没有这样做过，所以请任何建议都会是巨大的。
以下是我想出的选择：
如果是我。我从来都不是这个的超级粉丝，但我觉得这是个选择。我可以通过iframe在php网站上渲染我的应用程序。
严格为api使用vercel部署的nextjs应用程序，
浏览 5提问于2020-05-07得票数 1
在(似乎..)之后突然有了这个错误正在尝试将我的客户部署到Vercel。
我使用的是NextJS，我使用的是getStaticProps的数据服务器端。
已尝试重新安装工具包，但问题仍然存在。
import { createSlice, createAsyncThunk } from "@reduxjs/toolkit";
会出什么问题呢？
如果重要的话，下面是我如何在我的切片中使用createAsyncThunk：
export const countProducts = createAsyncThunk(
"products/countProduct
浏览 15提问于2021-05-22得票数 1
我正在构建nextjs项目，并面临在重新加载页面时其中一个页面转到404的问题。
我在页面目录中使用getStaticProps。
pages
- blogs.tsx
- blog/[slug].tsx
- index.tsx
- _app.tsx
- _document.tsx
在blogs.tsx中，我调用getStaticProps来传递mdx文件数据。
type BlogStaticInputs = {
blogs: BlogsType[]
}
export const Index = ({ blogs }: BlogStaticInp
浏览 5提问于2022-02-02得票数 0
回答已采纳
我正在尝试自定义NextJS服务器在为构建时生成的页面提供服务时所使用的NextJS头。理由很简单:考虑到每个服务器响应都是由CDN根据其头缓存的，并且我希望在推出新部署后立即刷新每个静态页面，默认缓存策略(s-maxage=31536000, stale-while-revalidate，)不会为我削减它。
如果将revalidate 设置为1 (0抛出构建错误)，则会非常接近预期的行为，但它将产生不幸的副作用，即每秒钟最多重新生成一次页面。如前所述，页面是严格静态的，所以服务器-每分钟呈现60次只会浪费资源。
export const getStaticProps: GetStaticPr
浏览 8提问于2022-02-09得票数 1
我正在使用Next Js建立我的网站，在我的Index.js文件中我已经编写了
export async function getStaticProps() {
const res = await fetch('https://localhost:3000/api/v1/datas' ,{headers: {"Authorization": "secret","Content-Type" => "application/json"}})
let data = await res.json()
}
而不是这
浏览 0提问于2020-09-03得票数 0
我正试图用Strapi+图形库构建一个NextJs博客网站。但是在遵循官方strapi视频源给出的步骤之后，我在home.jsx文件中坚持了这个问题.
Error: Error serializing props returned from `getStaticProps` in "/".
Reason: Props must be returned as a plain object from getStaticProps: `{ props: { ... } }` (received: `[object Undefined]`).
以下是Home.jsx页面代码：
impo
浏览 2提问于2021-11-14得票数 0
Nextjs具有静态站点生成(SSG)功能，可以在构建时获取数据，从而生成已经呈现的页面(使用getStaticProps和getStaticPaths)。
现在假设我有一个博客，有很多文章没有改变，但有些文章可能会不时更新(尤其是最近的)。我在这些文章上启用SSG。
这是否意味着每次我更新一篇文章时，我都要用成堆的文章来重建整件事？
或者是否有一种方法可以告诉Nextjs≪只将/article/123-my-title页面≫构建为≫？
浏览 1提问于2020-08-24得票数 1
回答已采纳
有没有一种方法可以在NextJS的页面目录之外设置env变量？我有一个util函数，它在一个地方提供了基本的API路由。但是，由于这是一个util函数，所以没有在页面上定义它。如果可能的话，我希望避免在每个页面上创建一个getStaticProps来获取私有env变量。
有什么想法吗？
utils/index.ts (不在nextJS页面上)
export const apiAddress =
process.env.NEXT_PUBLIC_CURRENT_ENV === 'PRODUCTION'
? process.env.PROD_API
: proce
浏览 1提问于2021-09-20得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
