首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在添加next-i18next之后,我在vercel中得到一个404页面

在添加next-i18next之后,在Vercel中出现404页面可能是由于以下原因导致的:

  1. 路由配置问题:请确保在添加next-i18next后,正确配置了路由。在Next.js中,可以使用next/router来配置路由。确保你的路由配置正确,以便正确地访问到对应的页面。
  2. 语言配置问题:next-i18next是一个用于国际化的库,它可以帮助你在应用中实现多语言支持。在使用next-i18next时,你需要正确配置语言文件和语言路由。请确保你已经正确配置了语言文件,并且在路由中正确处理了语言切换。
  3. 缺少页面文件:如果在添加next-i18next后出现404页面,可能是因为缺少对应的页面文件。请确保你的项目中包含了正确的页面文件,并且这些页面文件与路由配置一致。
  4. Vercel配置问题:Vercel是一个用于部署和托管Next.js应用的平台。在使用Vercel部署应用时,可能需要进行一些配置。请确保你已经正确配置了Vercel,包括正确设置了环境变量、构建命令等。

如果你在Vercel中添加了next-i18next后仍然遇到404页面,建议你检查以上可能的问题,并逐一排除。如果问题仍然存在,你可以参考next-i18next的官方文档或者向next-i18next的社区寻求帮助。

推荐的腾讯云相关产品:腾讯云云服务器(CVM)、腾讯云对象存储(COS)、腾讯云CDN加速等。你可以通过腾讯云官方网站获取更多关于这些产品的详细信息和介绍。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Hexo -31- vercel 部署网站

之后部署成 Vercel 的工程: 此时 Vercel 账户的仪表盘界面可以看到我们新建的项目: Vercel 为我们生成了开发链接和 域链接,都可以访问当前的页面页面示例: 至此成功使用...: 之后 Vercel 会拉取仓库代码并自动执行 npm install && Hexo generate 等命令并部署到网页: 进入链接可以看到部署的页面: 更新 Vercel 项目 此时我们已经创建了...for private git submodules #44 Vercel 2020年11月支持 HTTP 协议的 git submodule 因此把submodule 由 git 地址转为 http...地址后问题解决 绑定域名 Vercel 会为我们分配域名,我们也可以按照自己要求配置自定义的域名 首先确定自己已有的 Vercel 域名,例如我的 vvd-hexo.vercel.app 自己的域名解析添加指向该域名的...CNAME 记录: 此时访问域名会返回 404 错误,还需要在 Vercel 配置 进入 Vercel 项目仪表盘,选择 View Domains: Domains 添加我们自己的域名:

2.2K10

CloudFlare Pages 网页托管初体验

继前人 GitHub Pages、Netlify 和后人 Vercel (Zeit) 之后,终于又出现了一个免费用户完全不限带宽的服务。...添加完成后,即可看到构建过程;就个人体验来说,目前 CloudFlare Pages 的构建速度相比于目前大多数个人项目使用的 Vercel 来说相对要慢一点: image.png 配置域名 站点构建完成后即可通过...CloudFlare 提供的 pages.dev 子域名访问,同时切换至 “自定义域” 面板还可添加无限制的自定义域名: image.png 目前 Pages 无法像 Vercel 一样自定义多域名的跳转...Pages 文档目前列出了截至目前 (2021-04-03) 已知的问题,以下是其内容的翻译: 删除拥有自定义域名的项目可能会导致该域名上依旧可以访问上一次的构建,需要完全移除 DNS 记录以解决问题...目前没有提供自定义的路由跳转,访问不存在的页面时首先会尝试提供 404.html 文件,若该文件不存在,则会 fallback 至 index.html 以支持 SPA 路由 预览 URL 不支持 Access

4.8K31
  • Hexo博客添加Twikoo评论插件|技术创作特训营第一期

    那么登录之后就是这个样子,这个是已经创建的一个新建一个project等待创建完毕,可以点击DOMAINS查看云函数运行是否正常,另外这个网址就是你的环境ID另外还需要配置连接mongodb的URI,点击...5.解决vercel被墙看到vercel的settings界面,选择Domains,这个就是可以添加我们自己的域名上去,然后这里的建议是我们添加一个自定义的二级域名(这样就可以防止抢占我们的博客主域名,...防止404的情况出现)例如xxx.wangyoustudio.cn,前面的xxx就是自定义的内容添加之后会出现这个,我们复制CNAME,添加一个二级域名,前面是自定义的内容,线路类型选择CName,然后复制进去也可以用的方式添加...Hexo博客添加Twikoo评论插件,可以让读者文章下方直接进行评论,方便快捷,同时也可以提高文章的互动性和可读性。目前的博客系统当中,一个不需要登陆的评论系统当然会受到广大用户的欢迎。...、Hexo博客安装4.总结在Hexo博客添加Twikoo评论插件,需要先下载插件并解压到Hexo博客的plugins目录,然后修改评论配置,安装依赖,并重启Hexo博客。

    1.2K10

    利用 Vercel 快速搭建 Nexior AI 平台

    接着便会弹出一个配置页面,完全保持默认配置,点击 Deploy 按钮,如图所示: 点击 Deploy 之后Vercel 便开始构建整个项目并进行部署,我们不需要做任何操作,只需等待 1-2 分钟左右即可...,如图所示: 部署完毕之后Vercel 便会弹出一个页面恭喜你的部署已经完成,此时你就成功把 Nexior 项目部署到你的线上环境了,如图所示: 点击 Continue to Dashboard,我们便可以看到...比如说这边有一个 https://chictem.com 的域名,下面介绍下自定义域名的配置。.../ 前缀,点击 Add: 接下来 Vercel 提示要选择域名配置的选项,推荐我们也添加一个 www 开头的域名,这个可加可不加,添加之后就可以 www 开头的域名也能访问到此网站。...这里我们直接选择最后一项直接添加根域名: 确定之后我们就发现这里提示有一个待配置的 DNS: 这里让我们添加一个 A 记录,解析到 76.76.21.21,我们这时候需要转到域名服务商这里配置下 DNS

    16310

    从零开始搭建一个免费的个人博客数据统计系统(umami + Vercel + Heroku)

    使用 Vercel 一键部署 umami 服务 部署 umami 服务 创建好数据库实例之后,可以通过 Vercel 一键部署 umami 服务了。...填写网站基本信息,如果勾选共享链接可以生成一个可公开访问的网址,把它添加一个书签放在 iPad 主屏幕上,作为一个数据看板也很不错。...获取后,个人网站添加 umami 脚本。使用的是静态博客 Hugo,主题中的 标签内添加。 配置完成部署,即可开始追踪网站数据。...配置自定义域名 如果不想要使用 Vercel 提供的 vercel.app 域名,可以 Vercel 添加自定义域名,按照 Vercel 官方指引对域名提供商进行 CANME 等配置。...例如,使用的是 Cloudflare 托管的域名,需要先添加一下域名解析。 根据官方说明,Cloudflare 还需要添加一个页面规则,配置完成后即可完成自定义域名配置。

    1.8K20

    快速上线一个高质量导航加博客网站教程

    下图是资源列表管理后台,可以查看资源列表,修改资源信息,添加新的资源。 说资源大家可能不好理解,说成导航就好理解了。你可以用这套代码轻松上线一个导航网站。...下面是文章管理后台,你可以查看文章列表,修改旧的文章,或者添加新的文章。 同样的,文章你也可以接入AI之后,让AI帮你去写,不过暂时今天周日发布的第一版,还没有接入AI。...那么要如何基于这套代码,快速上线,部署一个网站呢? 安装部署 安装部署之前,大家需要提前准备好 Vercel 账号和 Github 账号。...恭喜你,现在有了人生的第一个网站,但是你会看到网站上面的内容暂时还是哥飞内置好的,如果你想去修改,要怎么改呢? 下面的步骤虽然看起来多,但其实不复杂,你跟着教程一步一步走就行了。...第八步:打开Vercel项目设置页面 按照下面这篇教程的要求配置 Vercel 的环境变量。

    8810

    建站日志

    菜单栏支持子菜单 将站点部署到Vercel(2021年Vercel的原国内服务器被墙了,换了个新的CNAME才解决) 2021-06-02 添加抓猫咪游戏 2021-04-24 添加文章top15页面...,并部署Vercel 评论添加自定义表情包 修改友链样式 2021-01-24 修改站内搜索fuse.js的参数,优化中文搜索效果 添加site.webmanifest 添加文章过期提醒 添加文章打赏...(该bug火狐浏览器下偶尔会触发,360浏览器下百分百触发) 如果启用了不蒜子计数,360浏览器下如果滚动页面时,侧边栏的底部无法和正文模块的底部持平,侧边栏底部会比正文模块的短一些。...2018-08-18 修改了hexo-neat的压缩选项,优化页面的加载 2018-08-17 头像挂件添加自动刷新功能和彩蛋 2018-08-14 去掉了文本首行缩进,首行缩进有个问题:当一个段落内存在换行时...true即可启用 2018-07-21 添加404页面 2018-07-07 添加网页标题监听事件 2018-06-30 代码块添加复制按钮 2018-06-20 使用 hexo-neat 压缩博文插件

    4.2K30

    的博客换成了 NotionNext

    下面介绍是怎样迁移到 NotionNext 的,大体有三个步骤: 1、将网站在 vercel 运行起来; 2、绑定域名; 3、博客配置。...使用 vercel 托管 vercel一个用来部署前端应用的云平台,我们使用 vercel 来进行网站的托管。...://vercel.com 网站中注册账号,成功注册后, vercel 创建项目 notion-next; 3、 vercel 创建项目时,导入上面 fork 的 Git 项目; 4、环境变量添加...Notion 的 Page ID ,这样就和 Notion 的数据库做了绑定; Notion 的 Page ID Notion 的页面点击 Share 后的地址获取: 5、vercel 默认会提供域名供我们访问...vercel 的地址: 4、 godaddy 中将域名的 DNS 设置为 Cloudflare 的 DNS 服务器: 5、 vercel 中进行域名的添加,解析正常如下图: 6、如果发现解析不正常

    1.5K20

    利用vercel部署静态网页教程

    利用vercel的免费托管服务我们能够部署我们的静态主页和博客,能够大大节省我们服务器的资源。的hexo博客和个人主页都是用vercel托管的。...vercel官方网址:vercel 常规部署 基本步骤 首先进入官网注册一个账号,绑定github或者gitlab。左上角选择新建项目。 这里推荐直接通过git链接导入。...如果静态页面还未上传,请记得创建一个仓库,然后上传。 注意,这里的地址是github的页面项目地址,不是仓库地址。...将项目github账号和vercel关联起来,以便代码更新之后vercel自动打包部署,这里会授权登录一下。 点create即可。出现这样的效果就是部署成功了。...这样就是部署成功了,去vercel上看,发现网页已经生成了。然后自定义域名的步骤跟上面一样。 需要修改网页内容然后重新部署只需要在修改后根目录执行下面命令即可。 vercel --prod

    1.6K20

    互联网资讯精选:科技爱好者周刊 | 开源日报 No.145

    其主要功能包括:实时语音转换、集成了 QuickVC、修复了原始存储库对 ContentVec 的误用等。...并自动下载预训练模型 使用 black、isort、autoflake 等完全格式化代码 Whisky-App/Whisky[4] Stars: 7.3k License: GPL-3.0 Whisky 是一个...包含 2G 到 32G VRAM 配置,几乎所有计算机上运行良好 用户友好的聊天和完成交互界面 易于理解和操作参数配置 内置模型转换工具、下载管理以及远程模型检查等功能 自动更新 vercel/platforms...性能优化:利用 Vercel 的边缘网络对博客文章进行快速地缓存,并可以使用增量静态再生成 + Next.js 的 revalidateTag API 需要时 (当用户进行更改) 刷新缓存。...自定义样式:通过 Next.js 基于文件系统实现 Metadata API 来为每个站点设置定制字体、404 页面、favicon 和网站地图等特性。

    18210

    【React】1935- 来看看 SWR 如何用 React Hook 实现优雅请求

    下面是一张使用缓存前后页面渲染流程的对比图: 光看这张图你可能还比较难 get 到使用缓存的好处,下面一个实际的场景: 我们常见的表格组件,最后一列往往都是用于一些删除或者编辑操作的,如下图:...例如当我们 目前操作的用户权限突然被调低 了,获取数据时后端响应了状态码 403 ,我们想要在 axios 的响应拦截配置一个:如果遇到状态码为 403 的响应数据就重新获取一下用户的权限以重新渲染页面...注意 hook 的执行时机,避免重复请求 这里举个例子:假设页面中有一个表格,点击表格首个单元格可以弹出展示详情的弹窗如下图: 点击详情弹出弹窗: 我们可以通过如下伪代码简单实现下: const Page...Modal 组件中都使用了 SWR 请求同一个数据,当页面渲染时,Modal 组件的 useSWR 与页面的 useSWR 几乎同时触发,一定时间内重复的请求会被 SWR 删除,因此只会发送一个请求...写文章的过程 SWR 发布了新版本 SWR 2.0 发布[5],新增了很多特性,但没有中文翻译,因此也为它们的文档贡献了一些中文翻译的 PR ,其中也包括了这篇 理解 SWR[6]。

    90810

    打造一个舒服的写作环境(Hexo)

    添加一个动态页面 微信朋友圈已经被微商、房产中介、猎头顾问等广告信息充斥着,已经逐渐远离了熟人社交这个属性,需要找个清净的地方来发布碎片化想法,于是根据本主题进行进行改造,把动态页面加上,实现通过公众号或者...第一步 添加动态页面的渲染脚本 themes/stellar/layout文件夹中新建一个talking.ejs文件。...查看talking.ejs内容 code0 第二步 主题配置文件配置云开发参数 主题配置文件themes/stellar/_config.yml为动态页面配置云开发参数,云开发参数的获取请参考云开发相关文档...使用Vercel加速GitHub page 准备 一个GitHub Pages博客 域名 注册一个Vercel账号 这里直接使用GitHub登录,选择需要授权的仓库,登录后如果需要提供邮箱之类的,最好提供...自定义域名 Project Settings设置自定义域名: 按照Vercel网站上的提示域名解析添加相关解析记录,Vercel还会自动生成免费SSL证书。

    1.6K31

    使用Vercel一键搭建属于自己的ChatGPT

    你也可以查看这个:ChatGPT使用技巧与共享账号获取 了解一些使用技巧上一篇文章从零到一,自己开发了一个能调通API的网站,丑是丑了点,但是能用这一次找了到个开源项目,一键部署;不仅简单方便页面美观,...、部署到 Vercel登录到 Vercel ,如果你没注册过,可以先注册一下进入到 Vercel后,你就可以看到自己的项目了如果你是刚注册的,需要添加一下自己的GitHub账号,然后再导入项目之后找到自己的项目...,不用管,点击 No Thanks跳到这个页面,然后点击这个第一次购买会让你填一些信息,地址名字什么的用英文填写会跳转到这个页面,有你买的域名四、注册 Cloudflare注册好后,点击添加站点输入你的域名然后选择免费的...点击更改域名服务器删除原先三个默认的内容换成Cloudflare复制的两个服务器名称,然后点击提交回到 Cloudflare ,然后点击 完成检查域名服务器 按钮接下来就是等待,大概十分钟,邮箱会收到一封邮件主页你的站点变为...有效 后,就可进行下一步操作了六、最后一步:把域名添加Vercel打开 Vercel项目的控制台,点击 settings, 然后把 你的域名输入进入,最后点击Add添加成功就会显示这个可以成功打开

    4.3K121

    Ackee站点统计系统搭建教程

    最近,发现一款可以直接使用vercel加MongoDB免费搭建的站点统计工具,它就是Ackee。...将链接的password替换为前面你输入的密码,然后保存完整链接。 2.3、克隆Ackee项目到Vercel 首先你得注册登录vercel,建议使用github账号登录。...我们访问Ackee文档,跳转到vercel部署章节, 点击Deploy就会自动跳转到Vercel的创建项目页面。而且项目也会自动托管到github。...登录成功后,我们点击Settings的New Domain即可添加需要统计的站点。 添加成功后,点击domain的名称,将统计代码复制粘贴到需要统计的站点中即可。...2.4、查看效果 完成了以上所有的配置之后,我们对配置好的站点使用不同的设备和浏览器进行访问。然后Ackee上查看效果。

    1.3K20

    Pagic + Vercel 极速搭建个人博客

    牛年大吉 Pagic + Vercel 极速搭建个人博客 ❝中国功夫,“天下武功,无坚不摧,唯快不破”,在编程的世界里,如何快速搭建一个属于自己的博客呢?...: Vercel Vercel一个用于静态站点和 Serverless 功能的云平台,完全符合您的工作流。...Github、GitLab、Bitbucket 等方式进行登录: 使用 Github 比较多,因此Github 上新建一个仓库 pagic_template : 然后将本地的代码提交到 Github...接着我们开始完善博客中常用到的导航、分类、标签、外链等,这时我们需要添加一些目录,如about、archive、links等等,为了统一管理,我们将这些文件夹全部放置 src目录下,我们的目录结构如下.../home/globe-texture.jpg' categories: - Blog tags: - Deno - React - Pagic - Vercel --- 编写一些文章之后,我们的博客看起来很丰富了

    78520

    基于Vercel部署github-readme-stats

    基于Vercel部署github-readme-stats ​ Github主页美化,将github-readme-stats部署到Vercel上 步骤说明 注册、登录vercel.com...​ 可选用第三方账号直接绑定即可(vercel很多场景的应用还是可行的) frok github-readme-stats 仓库,并授予vercel访问该仓库的权限 ​ 可在Github...:Settings -> Personal access tokens(填充名称,配置默认即可)需注意Token生成之后只提示一次需自行保存,且离开页面之后无法再次查看 ​ New Project...Repository -> 选择github-readme-stats仓库进行Import,配置环境变量PAT_1(对应值为上述生成的Token),配置完成点击DEPLOY即可发布 ​ 上述操作执行之后发现并没有执行自动部署...,且提示maxDuration参数问题,一开始以为是项目配置问题,随后检查项目分支等均没有得到有效解决,主动推送master分支也并没有效果,后续根据相应提示查看源码部署配置vercel.json,默认如下所示

    1.1K20

    Vercel推出Monorepo支持新特性

    到目前为止,Vercel 的体验是基于多个单独的存储库,而不是monorepos,后者是一个存储库包含多个项目。...符合性现在是 Vercel 开发者体验平台的一部分。 他说,开发者进行多次更改后,看到一个错误进入生产并导致客户问题,这并不罕见。然后,开发者必须在热修复和回滚代码之间做出选择,以将其移出生产环境。...但是,我们能够工具箱添加的更多工具有助于我们保持整体快速移动的同时减少错误数量,这可以改进我们正在创建的软件的质量,并让团队更有信心进行变更。"...Vercel 的客户初创公司 Upstart 正式发布之前使用了该工具,并看到页面加载性能提高了 200 毫秒,Robinson 说。 "这就像他们得到了代码审核。...因此,您可以一个快照对整个代码库的运行状况有一个很好的概览。”

    12810
    领券