为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

海绵宝宝撒 2023-05-11 16:56:57
next.config.js我已经使用常规重定向规则放置了我的文件,所有文件都在同一个域中并且一切正常。但在特定情况下,我需要将请求从某个 URL (mydomain.com/abc) 重定向到另一个域。即 differentdomain.com我如何着手创建此规则以重定向到 NextJs 中的外部链接?我很欣赏任何见解。
查看完整描述

3 回答

?
繁星coding

TA贡献1797条经验 获得超4个赞

无需额外的插件。

要进行测试,请复制 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 。



查看完整回答
反对 回复 2023-05-11
?
慕雪6442864

TA贡献1812条经验 获得超5个赞

Nextjs-redirect库应该做你想做的



查看完整回答
反对 回复 2023-05-11
?
肥皂起泡泡

TA贡献1829条经验 获得超6个赞

您可以尝试使用 window.location


这是一个示例,其中在访问页面时将用户重定向到外部 url


// pages/redirect


import {useEffect} from 'react'

export default function redirect() {

    useEffect(() => {

        window.location.assign('https://duckduckgo.com/')

    })

    return(

        <>

        </>

    )

}


查看完整回答
反对 回复 2023-05-11
  • 3 回答
  • 0 关注
  • 254 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信