我在我的网站上有一张表格，用户可以在上面填写数据并附上一张图片。所有这些都被打包成表单数据，并通过Axios发布到Strapi。我让它直接从客户端工作，但我想通过api路由代理它，这样我就可以用存储在.ENV文件中的令牌保护帖子，但是我很难成功地发出请求，并且不断从Strapi那里得到错误 我假设下一个主体解析器正在解析表单数据，所以当我将其传递给它时，它的格式就不正确了 所以从客户那里 //create form data const formData = new FormData(

我试图用超级管理员用户创建一个市场。超级管理员可以创建角色为“作者”的用户（卖家）。然后卖家可以管理（CRUD）他们的内容（产品）。但现在，在Strapi中，当发布授权默认为“编辑”角色时，卖家无法发布内容。在我的例子中，我不需要编辑角色。其思想是“卖方A”不应看到“卖方B”的内容。您的卖方角色可以是标准的经过身份验证的角色 然后，您需要将卖家A限制在前端 在前端列出销售额时，检查销售额是否属于卖家 您所说的“标准认证角色”是什么意思？你是说“作者”或“编辑”还是？已验证的用户角色

我正在尝试将next auth与relay nextjs一起使用。我设置next authper和relay nextjsper。我想将中继nextjs授权头中的下一个authjwt承载令牌发送到GraphQL端点 next auth提供了一个getSession方法，这是一个服务器端点 relay nextjs提供了一个serverSideProps属性。将页面组件传递给带有中继的。您向serverSideProps添加一个函数，该函数将向页面的中继环境发送令牌 我的问题是getSessi

我现在有一个next.js应用程序，我正在为用户添加在其帐户上指向域的功能。有点像我 最好的方法是什么？我以前在Rails中做过这项工作，但不确定在这里如何做 谢谢 最好的方法是执行以下操作： 使用以编程方式添加域 如果你要访问50多个域名，请确保你知道你的帐户限制。拥有太多的域将需要一个企业计划。看一看 如果您正在启动业务，一个好的支持计划将帮助您快速开始使用API。如果可能的话，再看一看创业产品 接触support@zeit.co获取任何需要的信息 谢谢你的回复。是的，这是一项业务——这是C

我正在尝试导入“../../node\u modules/react quill/dist/quill.snow.css”在我的next.js项目中，但我得到以下错误 [ error ] ./node_modules/react-quill/dist/quill.snow.css Global CSS cannot be imported from files other than your Custom <App>. Please move all global CSS impor

我正在使用带有nextjs的定制服务器将一些serverSideProps/getInitialProps注入到文件中。我所做的是让服务器上的某些东西每隔一分钟左右更新一个json文件，然后getServerSideProps/getInitialProps函数从磁盘读取json文件以快速填充数据（无需执行网络数据请求） 在localhost中以及在本地进行构建/运行构建时，一切都非常好。在生产环境中/部署到vercel后，我遇到错误：尝试打开页面时出现内部服务器错误。Vercel为正在运行的自

我正在用这个项目练习Next.js（在线-） 现在我似乎无法解决以下问题：当我在输入字段中键入任何鸡尾酒名称时，路由和链接工作，新内容出现，但我在控制台中遇到此错误 GET https://nextjs-app-coctails-git-addssr.yulogun.vercel.app/_next/static/rRHX14sSLtcEaeP7a3OxS/pages/cocktails/lemonade.js net::ERR_ABORTED 404 当我点击标题返回主页时，我也会遇到这个错

在我的Next.js应用程序中，我想将媒体播放器嵌入Azure媒体服务。 我在文档中遵循了设置过程： 1.在自定义头部组件中添加了这2个标记 <link href="//amp.azure.net/libs/amp/latest/skins/amp-default/azuremediaplayer.min.css" rel="stylesheet" /> <script src= "//amp.azure.net/libs/am

我正在使用nextJs，有一个页面-index.js，还有一个组件，我正在导入到index.js中，名为产品。产品包含对我从中获取数据的graphql端点的请求 我得到错误f无法读取产品上未定义的属性的“map”。map因为我认为它没有执行提取请求 当Products组件安装在index.js中时，如何执行请求 （如果我直接粘贴到index.js文件中，Products中的代码可以工作） index.js import Link from 'next/link'; import Products

我使用的是样式化组件。我想导入一个有助于创建流体样式的函数。我的函数使用以下内容： const root = document.querySelector('html'); const pixelsPerRem = Number(getComputedStyle(root).fontSize.slice(0, -2)); const clampBuilder = dynamic(import('utils/clampBuilder'), { ssr: false }) 当我使用 `const

在前面的问题中，作者尝试加载标准DOM img： 答案是为图像指定cloudName和publicId道具- 编写一个示例代码： 除非我遗漏了什么，否则cloudName和publicId是的属性，不是Next的映像组件的一部分。这意味着您必须自己联系Cloudinary URL。除非我遗漏了什么，否则cloudName和publicId是Next的图像组件的属性，不属于Next的图像组件。这意味着您必须自己联系Cloudinary URL。我在这里找到了答案： 问题出在next.confi

我有一个使用样式化组件的Next.js应用程序。在任何页面的第一次加载中，都没有抱怨，而且所有内容看起来都是正确的样式。然而，当我刷新页面时，一切看起来仍然正常，但我得到一个控制台错误，显示： 警告：道具'className'不匹配。服务器：“sc TXQaF bfnBGK”客户端：“sc bdnylx kKokSB” 我试图简化特定组件上的样式，但错误仍然存在。我尝试从DOM中完全删除该组件，这会在DOM中的下一个元素上产生相同的错误。因此，这似乎是一个全球性问题 我遵循了使用Next.js和

今天我遇到了一个用例，我试图让我的nextjs应用程序在android webview中工作，不幸的是，android没有解析以\u next开头的路径，我构建应用程序时，我的大部分区块文件都在\u next/static下 有没有办法将此文件夹从\u next重命名为next或其他名称？ 这个问题将提供更多关于android如何在这方面工作的上下文我通过Nginx路由处理了这个问题 在进行Nginx路由时，我假设每个文件都有唯一的散列和文件名组合 这是我使用的Nginx路由的代码片段 loca

我从这个示例回购开始： 我目前的回购协议： 登录/注销在本地工作正常。当我部署到Vercel并注销时，我在浏览器中收到以下消息： 标题内容[“位置”]中的字符无效 我仔细检查了Auth0 env变量，它们似乎是正确的。登录在Vercel上运行良好。无法找出如何对导致问题的标头位置值进行故障排除 还没有什么进展，也很容易复制：通过删除添加到Vercel在线应用程序设置中的所有环境变量，解决了这个问题。然后使用now CLInow secrets add添加机密，并通过在now.json中设置其他e

根据Next.js，要呈现动态路径，您需要getstaticpath（）和getStaticProps（）这对我来说是一个问题，页面的数据正在被缓存。我对我的页面数据使用Contentful，但当我在帖子中进行更新时，更新不会进入页面。我必须重新编译并推进我的产品，以便进行更改 但是，对于非动态路由，我可以使用getServerSideProps（），它可以正常工作 我知道使用SWR您可以渲染客户端，但是使用更新的数据 有没有一种方法可以在运行时使用SWR而不是使用Contentful的clie

我需要在getServerSideProps函数中获取从一个NextJS页面提交到另一个（服务器端渲染）页面的一些表单数据。基本上，我需要在getServerSideProps（）中调用的api需要传递这些数据。考虑使用localStorage/sessionStorage在表单页面上存储数据，并在函数中检索数据，但这在服务器上呈现时不起作用。有什么帮助吗？您可以将表单数据字段作为查询参数转发，或者使用表单字段创建一个对象，然后对该对象进行base64编码，并将该字符串添加到查询参数中 在下一页

我一直在使用Next.js新的优化图像组件，我想我了解它在使用不同的布局选项（固有，固定，响应和填充）时的工作原理。但是，有一个名为imageSizes的配置选项我不理解 从文档中，我可以看出有以下两个默认配置选项： module.exports = { images: { deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840], imageSizes: [16, 32, 48, 64, 96, 128, 256,

所以，我是next.js新手，要理解您使用的不同抓取方法有点困难 我的问题：因此，我们在next.js中有了getServerSidePros、getStaticProps、getStaticPath和一个名为swr的钩子，现在，尝试阅读文档并观看不同的教程，我有点理解了获取数据的三种最初方法，但是，当我看到swr时，我感到困惑 我的目标：这很简单，你能简单地解释一下这些方法的含义吗？特别是swr，因为swr就像getServerSideProps和getStaticProps的组合，但是，如果

我有一个共享的托管提供商，它支持托管节点应用程序。它有一个限制，即应用程序条目文件必须调用app.js，并且必须位于文件夹/usr/home/username/domains/domain/public\u nodeapp中。当首次从web访问域时，应用程序会自动启动（可能是通过类似node app.js） 是否可以将next.js应用程序作为服务器端呈现的应用程序（而不是由next export生成的静态HTML站点）托管在这样的提供商上 运行制作应用程序生产版本的next build后，生产

使用NextJS，我通过调用API在GetStaticPath中定义了一些路由： /** *@dev获取文章路由并导出标题和id以定义可用路由 */ const getAllArticles=async（）=>{ const result=等待获取（“https://some_api_url"); const articles=await result.json（）； 返回articles.results.map（（article）=>{ constArticleTitle=`${article

在向nextjs项目添加react数据网格时，我遇到了这个错误，我想知道是什么导致了这个错误： ./node_modules/react-data-grid/lib/editors/Editor2Container.js 10:29 Module parse failed: Unexpected token (10:29) You may need an appropriate loader to handle this file type, currently no loaders are c

当我尝试为生产构建Next.js应用程序时，出现以下错误： “API_密钥”似乎未定义。无法从publicRuntimeConfig解构此属性。此错误发生在使用getStaticProps或getstaticpath内置函数的页面上 下面是我的下一个.config.js： const withPlugins = require("next-compose-plugins"); const withCSS = require("@zeit/next-css"

根据文档，Netlify通过支持next.js和通过手动部署，但我如何将两者结合起来在我自己的CI中构建next.js项目，并仅将构建输出部署到Netlify 插件页面提到了“链接”，即它假设项目通过Git存储库连接，并由netlify构建，而不是由我自己的CI在本地构建。好的，最终实现了这一点。将其包装起来，以防其他人发现它有用： 安装软件包netlify cli和@netlify/plugin nextjs 在项目根目录中创建netlify.toml，如插件自述部分所述（确保有publis

有没有其他人遇到过在Nextjs中导入的组件上没有调用getServerSideProps的问题？我需要帮助 我省略了一些逻辑，但重点是每当我将优惠券页面导入布局页面时，除非我访问localhost:3000/tuople，否则不会调用getServerSideProps 这是我的优惠券页 const Coupon = () => { return ( <div> <p>Hello</p> </div>

这是一个错误，显示在我的项目和导入按钮组件中安装了自定义的故事书库之后。按钮组件中有antd按钮。 如果有人知道解决方案，请帮助我这是否回答了您的问题？

我正在使用Apollo GraphQL获取帖子以填充下一个js项目 我目前拥有的代码可以工作，但我希望实现useQuery的加载状态，而不是下面的代码 这是索引（如果愿意的话，发布页面） 从“./组件/布局”导入布局； 从“./components/Post”导入Post； 从“/./组件/客户端”导入客户端； 从“graphql标签”导入gql； const POSTS_QUERY=gql` 质疑{ 职位{ 节点{ 标题 鼻涕虫 张贴 特征图像{ 源URL } } } } `; 常量索引=道具

我的应用程序需要一个不在npm上的脚本，因此我的项目文件夹中有该文件，但我如何在我的nextJs应用程序中使用它 我已尝试将脚本放入public文件夹，然后使用next/head： <Head> <script type="text/javascript" src="/public/CustomEase.min.js"></script> </Head> 但是找不到脚本。只需使用src=“/Cust

如何将react yandex地图与SSR一起使用？我需要在服务器端对ymaps.geolocation进行reguest，但不明白如何在SSR中访问ymaps。我使用nextjs。谢谢Yandex使用地理定位API获取坐标。当您可以直接获取坐标时，为什么需要使用Yandex Maps API？

我想在下一个js中使用以下命令进行分派： export const getServerSideProps=wrapper.getServerSideProps（异步（{store，req，res}）=>{ 存储调度（carsRequest（“数据”））； 存储调度（结束）； wait store.sagaTask.toPromise（）； });

我正在使用Nextjs创建一个带有React的应用程序 我想为我的BO使用react admin。我试过了，但效果很好。不幸的是，当我试图在下一个js中包含一些代码时，它不起作用 我创建了/admin/dashboard.tsx文件，并添加了下一个代码（之前由我自己测试-工作代码）： import*as React from'React'； 从“@material ui/icons/Book”导入PostIcon； 从“@material ui/icons/Group”导入用户图标； 从“rea

下面是关于Next.js的基本内容 它们提供以下代码： Post.getInitialProps = async function(context) { const { id } = context.query; const res = await fetch(`https://api.tvmaze.com/shows/${id}`); const show = await res.json(); console.log(`Fetched show: ${show.name}

我有一个由nginx代理的nextjs项目。我正在使用nextjs本身提供的RESTAPI，它需要2分钟以上的时间 我得到的第一个错误是nginx的504 timeout，因此我添加了一些额外的指令： proxy_connect_timeout 600s; proxy_read_timeout 600s; proxy_send_timeout 600s; fastcgi_send_timeout 600s; fastcgi_read_timeout 600s; 然后错误代码变为502。查看代理

我想禁用我的页面/embed/上的聊天小部件。小部件加载到_document.js中。我熟悉useRoute或Router来禁用组件。范例 import React, { Component } from "react"; import Link from "next/link"; import { withRouter } from "next/router"; class Footer extends Component {

我将tailwindcss与Next.JS一起使用，并且在每次构建时都会出现此错误。这没有任何问题，但我不知道为什么我会得到这个。你能帮忙吗 tailwind.css /* purgecss start ignore */ @tailwind base; @tailwind components; /* purgecss end ignore */ @tailwind utilities; postss.config.js const purgecss = [ '@fu

我有一个GitHub自托管运行程序，用于部署一个Next.js应用程序，用于签出存储库、构建和重新启动pm2 问题是只要动作/checkout@v2步骤开始，它删除存储库中的所有文件，包括包含所有生成文件的生成文件夹。下一步。这会导致应用程序在工作流运行时停机 我浏览了操作的源代码/checkout@v2，在提出此问题时，从第109行开始，删除目录内容的逻辑被写入。如果我的理解是正确的，我必须设置git lfs以防止删除文件。我现在不需要git lfs 我可以提交一个pull请求，以拥有一个防止

每当我通过在Hasura中创建的操作在没有服务器的情况下调用函数时，我需要在请求头中发送一个x-Hasura-admin-secret，以授权对我的端点的调用，问题是，当从用户调用函数时，执行此调用时，此调用将具有一个角色admin o，该角色不正确 例： 通过这种方式，我接收具有管理员类型授权的请求，并且我希望接收来自在没有服务器的情况下调用触发此功能的操作的用户的具有授权的经过身份验证的请求，因为这样我就可以通过一个日志来知道是哪个用户触发了这个动作，谁在没有服务器的情况下调用了这个函数

在服务器中构建和部署next.js动态路由时，该路由不起作用 我的next.config.js如下所示 const withPlugins = require('next-compose-plugins'); const withSass = require('@zeit/next-sass'); const withImages = require('next-images'); const nextSettings = { exportTrailingSlash: true,

我正在为我的网站使用Next js，并在每个页面上添加了SEO的标题部分 这是我所有博客页面的代码。我已经导入了withRouter，以便我可以在头部使用router const head = () => { <Head> <title>Mental health blogs | {APP_NAME}</title> <meta name="description"

我有一个产品页面，路径为product/[id]/index.js。我想“美化”的搜索引擎优化目的的产品网址。我希望url看起来像product/usb鼠标黑色而不是product/121122-001我需要传递查询ID来填充产品详细信息 slug=usb鼠标黑色 <Link as={`/reservas/${slug}`} href={{pathname: `/product/[id]`, query: {id: idkey}}}> <Button disable

我不知道为什么文档在这方面含糊不清，但我正在尝试设置安全头，这很好，除非我想允许某些域，只是不起作用。在控制台中获取错误 "headers": [ { "key": "Content-Security-Policy", "value": "default-src 'self' *.myDomain.com; img-src 'self' data:

部署到Vercel时，我遇到以下错误： Module not found: Can't resolve 'fs' in '/vercel/2d531da8/node_modules/mysql/lib/protocol/sequences' 我不使用依赖项fs，我的package.json文件如下所示： { "name": "single", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build"

我需要帮助来解决这个问题。我是新来的下一个js。。。每次我刷新我的页面时，我都会得到一个错误“请求太多，请稍后再试”。如果我多次单击该按钮，也会发生这种情况。任何人都不知道如何解决这个问题。谢谢，那将是一个很大的帮助 使用锅炉板： 函数belie（）：void{ router.push（'/user/crese'）； } 相信 p.S我只是个新手试着改变一下onClick={belied}： onClick={（）=>belie（）} 或 onClick={（）=>{belie（）}欢迎来到S

我有一个带有两个“布局”组件的Next.js应用程序： /layouts/default layout.tsx: import { Footer } from '../components/footer'; import { Header } from '../components/header'; import './default-layout.scss'; export const DefaultLayout: React.FC = ({ children }) => ( &

如何使非英语URL与next.js ssr/client一起工作？欢迎任何想法、重写等 不久前，重写帮助解决了这个问题，但经过一些更新后，它停止了工作。这是我尝试去做的 我甚至试图重写Unicode路径，但它给了我一个奇怪的错误： { source: encodeURI('/рус'), destination: "/u0440/u0443/u0441" } Error: Requested and resolved page mismatch: //u0440/u0443/u044

我正在使用nextJS，我很难从重定向中获得完整的URL 我正在从Twitch执行oauth流，经过身份验证后，Twitch会在URL上重定向回我的下一个应用程序，如http://localhost:3000/auth/twitch/ -它们在重定向url上包含一堆额外的数据，例如。 http://localhost:3000/auth/twitch/callbackaccess_token=4kfdiopdsjendc539c9234&scope=user_read&token_type=be

这就是我在版本^0.42.2的slate文本编辑器中获取块的方式 import { Value, Block } from 'slate'; const value = loadInitialData ? Value.fromJSON(initialValue) : Value.create(); getTitle = (value) => { const firstBlock = value.document.getBlocks().get(0); const sec

我正在为多语言网站使用next-i18next，所有组件都工作正常，但我不知道如何更改_document.js文件中html标记的语言？这是我的解决方案 class MyDocument extends Document { static async getInitialProps(ctx) { const initialProps = await Document.getInitialProps(ctx) const language = ctx.req.languag

我有一个完全静态的网站（html和css）托管在Vercel上，并希望密码保护： A） 整个场地 B） 或网站内的特定目录 它不必是最高级别的安全性，只需对公众和网络爬虫隐藏即可 如何执行此操作？通过访问项目设置，选择安全性，然后启用，您可以对整个网站进行密码保护。然后选中“同时保护我的生产部署”框 如果需要对特定路径或目录（而不是整个网站）进行密码保护，则需要使用or自行实现，以便可以读取请求头并使用密码表单或受保护的内容动态响应

结合@nextJS/Sentry，这个构建现在创建了大量的js.map文件 当我们建立一个静态站点时 next build next export 这些地图文件将包含在导出中，并将包大小从16mb增加到64mb 有没有其他人经历过这种情况，并且知道如何巧妙地将源地图上传到sentry，而不将它们包含在我们的静态构建中？您应该能够在构建后运行脚本，并在上传后删除所有源地图

我已经使用Next.js创建了一个网站，它都是静态呈现的，但是我有一个组件，我想根据客户机动态呈现。具体来说，每个页面顶部的图像被定义为css背景，因此我不能使用img srcset属性让客户端呈现最佳图像大小，我必须提供一个直接链接，我首先需要检查客户端是否支持webp（以查看我是否要为jpg的webp提供服务）以及屏幕大小（以免在手机上提供2560px的图像） 我对所有这些都有逻辑，但对于第一次渲染，它在构建时在服务器上运行，而我不知道客户端会是什么样子。在我看来，最好的方法是： 导出默认组