如何解决部署 Nextjs 应用程序后 vercel 上的 ERR_TOO_MANY_REDIRECTS
我将我的 nextjs 应用程序部署到 Vercel 并取得了成功。
我可以看到网站的预览,甚至可以看到说它运行良好的日志。
但我尝试通过默认的 Vercel 域访问该网站:
https://tly-nextjs.vercel.app/
我收到一个 ERR_TOO_MANY_REDIRECTS。
我本地没有这个问题。
我试过了:
- 禁用我使用的语言重定向(/en 适用于英国人,/ 适用于法国人)。
- 禁用 i18next 的语言检测器。
但是这些解决方案都没有改变任何东西。 有什么想法吗?
i18n.js 文件
import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';
import Cache from 'i18next-localstorage-cache';
import LanguageDetector from 'i18next-browser-languagedetector';
const fallbackLng = ['fr'];
const availableLanguages = ['fr','en'];
const en = require('./locales/en/common.json');
const fr = require('./locales/fr/common.json');
const options = {
order: ['querystring','navigator'],lookupQuerystring: 'lng'
}
const cacheOptions = {
// turn on or off
enabled: true,// prefix for stored languages
prefix: 'i18next_res_',// expiration
expirationTime: 365*24*60*60*1000,// language versions
//versions: {}
}
i18n
.use(Cache)
.use(initReactI18next)
.use(LanguageDetector)
.init({
cache: cacheOptions,fallbackLng: fallbackLng,debug: true,detection: options,supportedLngs: availableLanguages,nonExplicitSupportedLngs: true,resources: {
en: {translation: en},fr: {translation: fr},},interpolation: {
escapeValue: false,react: {
wait: true,useSuspense: true,});
export default i18n;
我的更改语言功能:
const changeLanguageInHouse = (lang,bool) => {
setLoading(true);
i18next.changeLanguage(lang).then((t) => {
setLanguage(lang);
bake_cookie("langChoice",lang);
setLoading(false);
if (bool === true) {
var newUrl2 = (lang === "fr" ? "" : "/en") + asPath;
window.location.replace(newUrl2);
}
});
};
解决方法
在您的服务器上发生的事情如下:
您输入 https://tly-nextjs.vercel.app/,它被重定向到 /en,带有 HTTP-Status-Code 307(临时重定向)。
和 /en 使用 301(永久重定向)重定向到 /。
您可以通过打开 Browser-Dev-Tools 并查看 Network
标签来重现这一点。
可能是您在服务器上激活了某种 url 重写,它将所有内容重定向到您的域根目录。
,是否有可用的公共存储库?这是它对我的作用。
尝试更改语言环境的顺序和默认语言环境(不确定这有帮助,但它对我来说改变了一些东西。如果是这种情况,则未记录!)
因此,我将默认语言环境放在 locales
数组和 domains
数组中。
如果有帮助,请告诉我!
module.exports = {
i18n: {
localeDetection: false,// These are all the locales you want to support in
// your application
locales: ['nl','en'],// This is the default locale you want to be used when visiting
// a non-locale prefixed path e.g. `/hello`
defaultLocale: 'nl',// This is a list of locale domains and the default locale they
// should handle (these are only required when setting up domain routing)
domains: [
{
domain: 'example.be',defaultLocale: 'nl',},{
domain: 'example.com',defaultLocale: 'en',],trailingSlash: true,};
,
我将所有 getInitialProps 更改为 getServerSideProps
并意识到我正在对响应进行重定向:
res.writeHead(301,{ Location: "/" })
我只是删除它。 现在我没有这种无休止的重定向。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。