Netlify 将 Gatsby 路径重定向到 React 应用程序，状态代码为 200，但不断出现白屏

问题描述 投票：0回答：1

我有一个名为 

example.com
的投资组合和一个小应用程序，两者彼此独立地托管在 netlify 上 - 但我希望可以在我的投资组合所在的同一域下访问该应用程序。

所以我想将路径 

/sandwich-maker
重定向到我的应用程序 
https://sandwich-example-4bbo00.netlify.app
，以便可以通过 
example.com/sandwichmaker
访问该网站。人们仍然可以在
example.com
看到我的作品集。

我的第一次尝试是创建一个 

_redirects
文件并强制重定向它。

/sandwich-maker   https://sandwich-example-4bbo00.netlify.app 200!

我的第二次尝试是使用 

netlify.toml
功能并使用重定向。

[[redirects]]
  from = "/sandwich-maker"
  to = "https://sandwich-example-4bbo00.netlify.app"
  status = 200
  force = true
  headers = {X-From = "Netlify"}

我已经能够在两个过去项目的 gatsby 站点之间进行重定向，但不能在 gatsby 站点和 React 应用程序之间进行重定向。

当我尝试访问该应用程序时，我总是看到白屏，如果我检查 

body
，它会显示“您需要启用 JavaScript 才能运行此应用程序。”。

我尝试过强制重定向，但似乎没有任何效果。请帮忙。

reactjs netlify
1个回答
0
投票

终于找到解决方法了！

我找到的解决方案是在我的 React 应用程序中使用 

<base>
标签。

<head>
    <base href="https://sandwich-example-4bbo00.netlify.app/">
    ...
</head>

问题是主域上不存在相对引用的资源，因此使用 

<base>
设置上下文应该可以修复所有丢失的文件。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.