基于Next.js next.config.js中的标头或cookie进行重定向开发者社区

文章/答案/技术大牛

发布

const { i18n } = require('./next-i18next.config');
const withTM = require('next-transpile-modules')(['fitty', 'react-svg']); // pass the modules you would like to see transpiled
const handleLocaleRedirects = (path) => {
  const result = [];
  i18n.locales.forEach((locale) => {
    i18n.locales.forEach((loc) => {
      if (loc !== locale) {
        result.push({
          source: `/${locale}${path}`,
          has: [
              type: 'header',
              key: 'accept-language',
              value: `^${loc}(.*)`,
          permanent: false,
          locale: false,
          destination: `/${loc}${path}`,
        result.push({
          source: `/${locale}${path}`,
          has: [
              type: 'cookie',
              key: 'NEXT_LOCALE',
              value: loc,
          permanent: true,
          locale: false,
          destination: `/${loc}${path}`,
  return result;
module.exports = withTM({
  i18n,
  reactStrictMode: true,
  images: {
    domains: [
      'dxjnh2froe2ec.cloudfront.net',
      'starsona-stb-usea1.s3.amazonaws.com',
  eslint: {
    // Warning: Dangerously allow production builds to successfully complete even if
    // your project has ESLint errors.
    ignoreDuringBuilds: true,
  async redirects() {
    return [...handleLocaleRedirects('/:celebrityId')];
});

MyApp.getInitialProps = async ({ ctx }) => {
  if (ctx.req) {
    const rawCookies = ctx.req.headers.cookie
    let locale = ctx.locale
    const path = ctx.asPath
    if (rawCookies != undefined) {
      const cookies = cookie.parse(rawCookies)
      let targetLocale = cookies['NEXT_LOCALE']
      if (targetLocale != locale) {
        if (targetLocale == 'en-IN') {
          targetLocale = ''
        } else {
          targetLocale = '/' + targetLocale
        ctx.res.writeHead(302, {
          Location: `${targetLocale}${path}`

问 基于Next.js next.config.js中的标头或cookie进行重定向 EN

回答 1

Stack Overflow用户