Facebook为部署在Vercel上的NextJS项目获取错误的OG标签
我使用NextJS构建了我的项目，并将其部署在Vercel上。我的项目的Vercel URL是https://my-project.vercel.app。我的域(已添加到Vercel仪表板中的项目设置)为www.example.com 当我使用Facebook Sharing Debugger检查特定URL上的元标签时，当使用my-project.vercel.app域而不是我的实际域www
..
server-side-rendering相关内容
如何为外部URL正确设置下一个图像加载器URL
我正试图在Firebase上托管我的第一个应用程序，但我在next.config文件上遇到了一些图像加载程序的问题。 初始配置如下 module.exports = { images: { domains: ['assets.coingecko.com'], loader: 'imgix', path: 'https://assets.coingecko.com/coins/images/'
..
是否有可能防止getServerSideProps在初始加载后导致整个页面重新加载？
我有一个服务器呈现的next.js应用程序，它是一个3页的结账流程。在第一个页面上，我获取了getServerSideProps中的各种设置数据，如标签转换和篮子项，如下所示： UserDetails.js import React from 'react'; import { LabelsContext } from "../contexts"; import { Component
..
如何用更新的接口url从同一组件中调用getServerSideProps？
我要传递此函数中的参数，以便在应用某些筛选器时将更新/筛选的数据放在同一页上？ 这对于初始呈现工作正常，但我无法从同一组件获取更新数据，因为此getServerSideProps函数在我的组件之外。 我的组件 let API_URL = `https://api.spaceXdata.com/v3/launches?limit=100` const spacex = ({ mis
..
在Nextjs中使用getServerSideProps实现动态路由
我正在努力学习下一步。正在使用getServerSideProps计算路由。 使用免费API，我在DOM上显示了一个国家/地区列表。我希望动态链接到某个国家/地区，并获取和显示该特定国家/地区的数据。 以下是我到目前为止的代码 const Country = props => (
{props.country.name}
..
Reaction+NextJS保护的路由
目标：如果登录用户尝试手动转到/auth/signin，我希望将登录用户重定向到主页。 登录页面/组件： const Signin = ({ currentUser }) => { const [email, setEmail] = useState(''); const [password, setPassword] = useState(''); const
..
组合静态站点+客户端呈现(Reaction，Gatsby)
我想用Reaction构建一个Web应用程序。 当用户访问网站时，他们会看到一个Landing Page，可以转到一个Pricing Page，一个About page，一个Blog。等等。他们还可以Sign Up或Log in，然后是实际的应用程序。我希望静态呈现某些页面(Landing,Pricing,About,Blog)，但希望将所有内容留在注册/登录墙客户端呈现。 (首先，因为它
..
NuxtJS分布式静电页面生成
有没有办法将静电页面生成过程拆分到多台机器上？我目前正在使用NuxtJS静态生成约15万个页面，生成这些页面需要相当长的时间(约1小时)。 推荐答案 如果您已经在使用payload key，那么我猜您已经达到了Vanilla Nuxt的最大可能功能。 同时，您可以将构建拆分成几个Nuxt应用程序，并并排生成多个部分(即3个Nuxt应用程序)，每个部分构建50k个页面，或者使用一些
..
如何在Nextjs中用两个URL链接同一页面
如果用户正在搜索特定的城市，我希望在页面名称之前显示url中的城市名称，如果用户不搜索特定的城市，则我希望显示正常的url。我们如何在下一个Js实现这一目标。 例如 http://localhost:3000/Delhi/furniture http://localhost:3000/furniture 这两个URL应指向同一页。 我尝试了下一步/链接组件
..
在Next.js中创建用于身份验证的特殊(高阶组件)
所以我在我的Next.js应用程序中创建身份验证逻辑。我创建了处理请求的/api/auth/login页面，如果用户数据良好，我将创建一个带有JWT令牌的httpOnlycookie，并将一些数据返回到前端。该部分工作正常，但我需要一些方法来保护某些页面，以便只有登录的用户才能访问它们，而我在为此创建即席时遇到问题。 我看到的最好的方法是使用getInitialProps，但在Next.js
..
Next.js - 如何添加 <link><head> 内的标签带有文字 onload 属性字符串值?
在 Next.js 项目中，我想在 中获得一些具有完全相同内容的初始 HTML: 没有 @ts-ignore 它说: 类型“DetailedHTMLProps"上不存在属性“onload".您指的是 'onLoad' 吗?ts(2322) 如果我使用 onLoad 而不是 onload 我得到
..
NextJs 多区域共享标头
我有 2 个应用程序 admin-shell 和 delivery-management，我在 NextJs 中使用 Multi Zones 来处理. 这两个应用程序都使用带有导航链接的共享标题，但我在从一个区域导航到另一个区域时遇到了问题. Admin-Shell 使用 next.config.js 文件在端口 4201 上运行 module.exports = {basePath
..
Next js中页面刷新时查询值丢失?[给出的例子]
..
为什么nextjs中没有显示数据?
我正在制作一个非常简单的 nextjs 应用程序，我正在尝试从 api 获取数据. 我的要求是我应该在 layout.js 文件中显示数据，而这个 layout.js 文件是 index.js 中的子文件文件. index.js: 从“./layout"导入布局；从“反应"导入反应；类 Home 扩展 React.Component {使成为() {返回 (
主要内
..
Next.js 中的条件重定向
是否可以根据 cookie 值有条件地将用户重定向到另一个 Url?我知道我可以检查服务器上的 cookie &然后重定向.但是如果用户是通过 Link 来的，我该怎么办.(我不能使用 Route.push 因为它在服务器上未定义)有没有办法只在浏览器上使用Router? 我至少知道一种方法:创建简单的 button 并添加 Router push &检查 onClick 处理程序中的 co
..
如何在 nextjs 中导航而不丢失标题组件的状态
有什么方法可以在不丢失标题组件状态的情况下创建/构造 next.js 应用程序以进行导航? 让我解释一下. 我有这样的标题组件: 从“反应"导入 { useState }从“下一个/链接"导入链接导出 const Header = () =>{const [值，setValue] = useState(1)返回 (标题设置值(值 + 1)}>{价值}
..
如何修复 `data-rbd-draggable-context-id` 不匹配.服务器:“1"客户:“0"使用 react-beautiful-dnd 和 next.js
当我尝试将 react-beautiful-dnd 与 next.js (或通常与服务器端呈现)一起使用时，在重新排序项目并刷新我得到的页面之后这个错误: react-dom.development.js:88 警告:道具 `data-rbd-draggable-context-id` 不匹配.服务器:“1"客户:“0" 还有这个(取决于第一个): react-beautiful-dnd.e
..
错误:动态 SSG 页面需要 getStaticPaths，“xxx"缺少 getStaticPaths.NextJS
当我尝试在 NextJS 中创建我的页面时，我收到此错误“错误:动态 SSG 页面需要 getStaticPaths，而 'xxx' 缺少 getStaticPaths". 我不想在构建时生成任何静态页面.那么为什么我需要创建一个'getStaticPaths'函数呢? 解决方案 如果你正在创建一个动态页面 eg: product/[slug].tsx 那么即使你不想创建在构建时需要
..
如何运行 Next Js 应用程序构建(输出)目录?
我已经完成了 Next Js 应用程序的开发，到目前为止我已经使用 vercel 到目前为止一切都很好.但是我需要构建 Next Js 应用程序并与团队共享构建文件夹以在服务器中部署. 我遵循的命令， npm run build &npm 运行导出 上面创建了 out 目录.那么如何在我的本地机器上运行这个 out 目录来检查构建文件夹是否按预期工作，然后再与团队共享?
..
如何在 Next.js 中实现身份验证
我是 Next.js 的新手，我正在努力使用 jwt 令牌的身份验证系统.我想知道存储 jwt 令牌和使用身份验证系统路由的最佳/标准方式是什么.我一直在尝试不同的方法，来自不同的教程/文章，但不太了解.这是我尝试过的. 当用户登录时，它会将用户名/密码发送到一个分离的 API 服务器(例如处理后端内容的新项目)，服务器将响应 access-token，然后在 Next.js 项目中，我使用
..