gpt4 book ai didi

reactjs - 使用部署在 Apache Tomcat 上的 Create-react-app 创建的 React 网站出现空白屏幕

转载 作者:行者123 更新时间:2023-11-28 22:48:04 25 4
gpt4 key购买 nike

使用 create-react-app 创建了一个 React 应用程序。在本地系统上一切正常,但在 Apache tomcat 上部署时出现问题。以下是我进行部署所遵循的步骤:

  1. 在 package.json 中添加了 "homepage":"https://websiteName.com/react_web "
  2. 在项目的公共(public)文件夹中创建 .htaccess 文件并添加以下代码

    选项 - 多 View 重写引擎开启 RewriteCond %{REQUEST_FILENAME} !-f RewriteRule ^ index.html [QSA,L]

  3. 运行“npm run build”来创建构建文件。

  4. 将构建文件的内容复制到 Apache tomcat 中的“react_web”文件夹中。

浏览器控制台没有错误。

索引.html:

<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="manifest" href="//websiteName.com/react_web/manifest.json"><link rel="shortcut icon" href="//websiteName.com/react_web/favicon.ico"><title>React App</title><link href="//websiteName.com/react_web/static/css/main.d17afb7e.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script type="text/javascript" src="//websiteName.com/react_web/static/js/main.b302e125.js"></script></body></html>

下面是浏览器控制台的几张图片。

enter image description here

我正在使用 BrowserRouter 进行路由。我必须在那里改变什么吗?

我还看到所有项目文件都在控制台中正确加载。

任何建议或指示都会有所帮助。

最佳答案

我发现了问题。缺少以下部分。

注意:如果您使用 react-router@^4 , 你可以 root <Link>s使用 basename支持任何 <Router> .

<BrowserRouter basename="/calendar"/>
<Link to="/today"/>
// renders <a href="/calendar/today">

引用:https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#building-for-relative-paths

关于reactjs - 使用部署在 Apache Tomcat 上的 Create-react-app 创建的 React 网站出现空白屏幕,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50890985/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com