netlify 相关问题

我正在尝试在我的 Next.js 网站上使用 netlify 表单，但它不起作用，我不知道该怎么做。请帮忙！这是我的代码。我尝试在我的 Next.js 网站上使用 netlify 表单，但它不起作用，我不知道该怎么做。请帮忙！这是我的代码。 <form className='contacts-form' onSubmit={handleSubmit} method='post' name="contact" data-netlify="true"> <input type="hidden" name="form-name" value="contact" /> {/* other inputs... */} <button type="submit" name="submit">Submit</button> </form> const handleSubmit = (event) => { event.preventDefault(); const myForm = event.target; const formData = new FormData(myForm); fetch("/", { method: "POST", headers: { "Content-Type": "application/x-www-form-urlencoded" }, body: new URLSearchParams(formData).toString(), }) .then(() => router.push("/thank-you")) .catch((error) => alert(error)); }; 我解决了我的问题。由于我的应用程序重定向，我遇到了错误 303。我通过编辑我的handleSubmit函数解决了这个问题：而不是 fetch("/", {... 我把它改为： fetch(`/${locale}`, {... 因为之前我有 import { useRouter } from 'next/router'; // other code... const router = useRouter(); const { locale } = router; ！！！您需要一个form.html来帮助netlify检测您的表单！！！你必须把它放在公共文件夹中： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Netlify form</title> </head> <body>  <form name="contactform" data-netlify="true" hidden> <label for="nome">Nome:</label> <input id="nome" type="text" name="nome" /> <label for="cognome">Cognome:</label> <input id="cognome" type="text" name="cognome" /> <label for="email">Email:</label> <input id="email" type="email" name="email" /> <label for="messaggio">Messaggio:</label> <textarea id="messaggio" name="messaggio"></textarea> <button type="submit" name='submit'></button> </form> </body> </html> 请注意，如果标签为空，Netlify 不会将输入的内容发送到电子邮件通知。它只会显示在 Netlify UI 中。

forms next.js netlify netlify-form

回答 1 投票 0

使用 Astro 和 Netlify CMS 的单页

我正在尝试使用 astro 和 netlify cms 创建一个单页面，其中管理员应该能够通过 /admin 添加/删除/修改页面，但我在理解文件夹方面遇到了困难

netlify netlify-cms astrojs

回答 1 投票 0

为什么我的manifest.json没有触发“安装Web应用程序”模式？

这是清单：https://twoshot.app/manifest.json { "short_name": "双镜头", “名称”：“双镜头”， “图标”：[ { “src”：...

javascript web progressive-web-apps netlify

回答 1 投票 0

尝试使用 Netlify 部署 React 应用程序时，Firefox 无法建立与 localhost:3000 服务器的连接

我正在尝试在 Netlify 上部署 React 应用程序。我已经在Netlify上成功创建了项目，并且日志似乎都成功了。当我访问该网址时，Firefox 无法连接：Firefox ...

reactjs deployment netlify netlify-cli

回答 1 投票 0

Next JS - Netlify - 构建失败 - 错误：无法使用 linux-x64 运行时加载“sharp”模块

我已将以下配置添加到我的 netlify.toml 文件中，但我仍然面临问题。 [背景.分期] 命令=“纱线构建” 发布=“.下一个” [功能]

next.js netlify sharp

回答 1 投票 0

将第一个存储库部署到 Netlify - 空白页面

我尝试将我的第一个存储库部署到 Netlify，完成后，我想知道开发工具中出现空白页面和错误。是因为 Base 目录还是 Package 目录吗？部署设置...

javascript reactjs vite netlify

回答 1 投票 0

部署项目时出现问题（prisma、crud、nextjs、netlify）

该网站在本地主机中运行良好，但在构建过程中出现错误。在此输入图像描述在此输入图像描述在此输入图像描述在此输入图像描述输入图片描述...

deployment build prisma netlify post-install

回答 1 投票 0

如何从 netlify 无服务器函数获取 POST 数据？

这是我的服务器的代码，运行良好。我正在尝试使用 netlify 的无服务器功能来实现这一点，我已将其粘贴在下面。标准服务器-Heroku 上的代码 const rating控制...

javascript node.js mongodb serverless netlify

回答 2 投票 0

部署的网站导航栏无法在 netlify 和 render 中工作

我刚刚部署了我的静态站点，当我打开它时，它可以工作，但我无法访问我创建的其他页面，这是一个简单的 html、css、js 站点，没有服务器端逻辑或任何东西，我都使用了 netlify ...

deployment static render netlify

回答 1 投票 0

RollupError：无法解决 - Vercel React vite 部署

我尝试在 vercel 或 netlify 上部署我的 React vite 项目，但出现错误： RollupError：无法从“src/components/Pages/CarDetails/CarDetails...”解析“./reviews/Reviews”...

reactjs vite vercel netlify

回答 2 投票 0

LibreTranslate 部署时间超出问题

我正在尝试部署 LibreTranslate python 无服务器实例。在 netlify 中，我超出了构建时间，因为它下载了 80 多种语言。任何关于如何仅安装 3 种语言或任何其他库的想法...

python deployment netlify translate

回答 1 投票 0

为什么 gatsby-plugin-image 缺少 image 属性？

编者注：这个问题对于大多数搜索 [gatsby-plugin-image] Missing image prop 错误的人来说可能没有帮助。作者在下面回答了他自己的问题 https://stackoverflow.com/a/

react-native gatsby netlify gatsby-image

回答 3 投票 0

netlify 相关问题

最新问题