首页 > 解决方案 > React-router 允许用户访问服务器中域中的 url,并且是 SPA 的一部分

问题描述

例如domain.com,我在域中有一个反应单页应用程序,我想允许用户访问domain.com/blogURL 中的 WordPress 站点,我试图通过创建一个名为的新组件blog并在我重定向到的组件中来做到这一点domain.com/blog。我已到达该网址,但收到一个空白页面(这意味着我仍在 SPA 中)。如何从 SPA 中排除 URL?

这是博客组件代码:

`

import React, { Component } from 'react'

class Blog extends Component {
    render() {
        return (
            (window.location = 'https ://domain.com/blog')
        )
    }
}

export default Blog

`

标签: reactjsreact-router

解决方案


您可以尝试重定向到这样的外部链接:

<Route path='/blog' component={() => { 
     window.location.href = 'https://example.com/blog'; 
     return null;
}}/>

这应该会触发刷新并加载您的页面。


推荐阅读