重定向目标 nextjs 并响应原生 expo web

Question

我正在尝试将 url 重定向到我网站中的另一个 url，如下所示，在 nextjs 和 expo react native web 中。

我没有关于页面，但我在 about 文件夹下有其他页面，我想将任何传入请求重定向到 /about 路径到 /about/company。

下面是我在 Nextjs next.config.js Redirects 中看到的最后一个实现，但我仍然无法让它工作。

const { withExpo } = require('@expo/next-adapter');
const withImages = require('next-images');
const withFonts = require('next-fonts');

module.exports = withExpo(
  withImages(
    withFonts({
      projectRoot: __dirname,
    })
  ), {
    async redirects() {
      return [
        {
          source: '/about',
          destination: '/about/company',
          permanent: true,
        },
      ];
    },
  }
);

Answer 1

将 async redirects() 移动到最里面的对象 withFonts 有效，即

const { withExpo } = require('@expo/next-adapter');
const withImages = require('next-images');
const withFonts = require('next-fonts');

module.exports = withExpo(
  withImages(
    withFonts({
      projectRoot: __dirname,
      async redirects() {
        return [
          {
            source: '/about',
            destination: '/about/company',
            permanent: true,
          },
        ];
      },
    })
  )
);

重定向目标 nextjs 并响应原生 expo web

Redirect destination nextjs and react native expo web

javascript

reactjs

next.js

react-native-web

expo