如何解决重定向到 NextJS 中的外部 url？

Question

next.config.js我已经使用常规重定向规则放置了我的文件，所有文件都在同一个域中并且一切正常。但在特定情况下，我需要将请求从某个 URL (mydomain.com/abc) 重定向到另一个域。即 differentdomain.com

我如何着手创建此规则以重定向到 NextJs 中的外部链接？

我很欣赏任何见解。

Answer 1

无需额外的插件。要进行测试，请复制 NextJs 示例应用程序：npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn-starter/tree/master/learn-starter"next.config.js使用以下代码将文件添加到根文件夹：// this simply tests the redirecting of the root path (source)module.exports = {  async redirects() {    return [      {        source: '/',        destination: 'https://stackoverflow.com/posts/66662033',        permanent: false,        basePath: false      },    ]  },};当您启动应用程序npm run dev并访问 localhost:3000 时，它应该重定向到 next.config.js 脚本中指定的目标 URL 。

Answer 2

Nextjs-redirect库应该做你想做的

Answer 3

您可以尝试使用 window.location这是一个示例，其中在访问页面时将用户重定向到外部 url// pages/redirectimport {useEffect} from 'react'export default function redirect() {&nbsp; &nbsp; useEffect(() => {&nbsp; &nbsp; &nbsp; &nbsp; window.location.assign('https://duckduckgo.com/')&nbsp; &nbsp; })&nbsp; &nbsp; return(&nbsp; &nbsp; &nbsp; &nbsp; <>&nbsp; &nbsp; &nbsp; &nbsp; </>&nbsp; &nbsp; )}