如何正确实现 React 子域？

Posted 2023-02-21

【中文标题】如何正确实现 React 子域？

【英文标题】：How to implement a React subdomain correctly?

【发布时间】：2022-01-22 08:40:12

【问题描述】：

我有一个网站，我们称之为“MyWeb.com”。 在我的主页上，我使用了一个 react 应用程序，但我也有一个名为“Portal.MyWeb.com”的子域。 所以，我所做的是制作另一个 React 应用程序。但我的问题是，据我所知，我的路由器配置不正确。

我尝试更改 package.json 文件，使其出现在“Portal.MyWeb.com”下，并且我尝试更改 App.js 中的“window.location.host”。但我把它全部刮掉了，我就在这里。

所以，路由器在这里实际上并没有做任何事情。我也查看了文档，但没有找到专门针对我的问题的文档。

当我加载它时页面只是简单的白色。

所以我的问题是，我可以从这里去哪里？

import "./App.css";
import styled from "styled-components";
import Sidebar from "./components/Sidebar";
import MainContent from "./components/MainContent";
import BrowserRouter as Router  from "react-router-dom";

function App() 
  return (
    <Router>
    <Container>
      <Sidebar />
      <MainContent />
    </Container>
    </Router>
  );



export default App;

【问题讨论】：

欢迎。请修改您的帖子标题以提出一个明确、具体的问题。见How to Ask。

不同的子域实际上是不同的站点。我不认为路由器会在这里帮助你。你到底想做什么？

@zero298 我正在尝试简单地在子域下上传此应用程序的构建文件。但它不会出现：/

尝试在路由器中添加 basename 属性

【参考方案1】：

好吧……看来我不需要把事情复杂化。 在我的 package.json 中，我没有在主页变量旁边添加“https”。

【讨论】：

这是评论，而不是答案