使用BrowserRouter的react js :当我部署到apache服务器时，它是空白的。
使用BrowserRouter的React.js是一种前端开发技术，它是React.js框架中用于处理路由的组件之一。BrowserRouter提供了一种在单页应用中处理URL路径的方式，它使用HTML5的history API来实现URL的变化，从而实现页面的跳转和刷新，而无需重新加载整个页面。
当将React.js应用部署到Apache服务器时，如果页面出现空白，可能是由于以下几个原因：
- 路由配置问题：首先需要确保在React.js应用中正确配置了BrowserRouter，并且设置了正确的路由规则。可以检查路由配置文件，确保路由路径和对应的组件正确匹配。
- 服务器配置问题：Apache服务器需要正确配置以支持React.js应用的路由。在Apache的配置文件中，需要添加一个重定向规则，将所有的URL请求都重定向到React.js应用的入口文件（通常是index.html）。这样当用户访问任何URL时，都会加载React.js应用，并由BrowserRouter来处理路由。
- 静态资源路径问题：在React.js应用中，可能会使用一些静态资源（如图片、样式文件等）。在部署到Apache服务器时，需要确保这些静态资源的路径正确配置，以便能够正确加载这些资源。
综上所述，当使用BrowserRouter的React.js应用部署到Apache服务器时，如果页面出现空白，需要检查路由配置、服务器配置和静态资源路径等方面的问题。如果问题仍然存在，可以进一步查看服务器日志以获取更多的错误信息来进行排查和解决。
腾讯云提供了一系列与云计算相关的产品和服务，其中包括云服务器、云数据库、云存储等。您可以访问腾讯云官网（https://cloud.tencent.com/）了解更多关于腾讯云的产品和服务信息。
相关·内容
我有react js应用程序，它在本地服务器上工作得很好。但是当我上传到apache服务器时，所有内容都是空白的，所以我查看了一下谷歌，得到的解决方案是我使用HashRouter而不是BrowserRouter。当我这样做时，它工作了，但它带来了另一个问题，当我导航到一些页面时，没有历史记录，
浏览 17提问于2020-09-05得票数 0
我已经创建了React应用程序，并在我的应用程序中使用了react路由器。我在路由中使用了路由器仿真器。每当我尝试在本地访问时，它都可以正常工作，但是当我部署到apache服务器时，params链接就不能工作了。请帮帮我。>每当我试图在生产中访问时，它都会显示一个没有错误的空白页面
浏览 3提问于2021-03-25得票数 0
回答已采纳
1回答
您好，我正在使用Django作为我的后端和反应作为前端。我有一个问题，当我刷新页面，我不在根页面'/'页面变成空白。另外，如果我试图立即转到其他地方，那么主页也是空白的，比如/contact。我知道这是因为没有联系后端服务器，因为它是说here。我试着用useHistory解决这个问题，但是没有显示useContext错误。用Django - React堆栈解决这个问题的最好方
浏览 11提问于2021-01-10得票数 0
回答已采纳
2回答
我从头开始制作了react-app和webpack，在webpack-dev-server中一切正常。但当我构建(捆绑)应用程序并将其归档时，不会显示'Route‘路径中的组件。
浏览 0提问于2019-01-20得票数 0
2回答
响应应用程序在部署后显示空白页
、、、、
我以前在GitHub和netlify上创建和部署了单页面反作用应用程序，它们都运行得很好。问题是多页面应用程序使用的反应路由器。为了测试这一点，我尝试了几次不同的应用程序，一旦我实现了反应-路由器和链接到不同的页面，它们在部署后变为空白。下面是一个测试应用程序：import React from "react";
import ReactDOM from "r
浏览 6提问于2022-09-16得票数 2
1回答
React路由器不呈现
、、、
我试过使用路由器，但它不起作用。我已经知道React路由器Dom v6已经从切换到路由，但是当我运行程序时，它只是显示一个空白的屏幕。有人知道怎么解决这个问题吗？这是我的代码： import React, {Component} from "react"; }
const a
浏览 1提问于2022-10-23得票数 0
回答已采纳
我试图使用路线和路线，当我做它没有显示home.js，我得到一个空白的白页。我是否需要下载一些东西，因为它在我的另一个项目中运行良好，但我忘记了我以前是如何做到的。这是我的app.js代码import Home from "./components/Home.js";
import Navbar from
浏览 1提问于2022-06-01得票数 1
在我的应用程序中添加一个简单的/home路径时，我遇到了一些麻烦。当我将下面的行添加到我的App.js中时，应用程序会变成空白(甚至NavBar也会消失)：没有编译或服务器错误。/screens/HomeScreen'
im
浏览 17提问于2022-01-21得票数 1
回答已采纳
应用程序在节点服务器上工作正常，但我在Apache服务器上得到了空白页面，即使我使用了绝对路径。family=Material+Icons"> <link href="./static/js/main.1b4d826e.js"></script>
<
浏览 3提问于2018-09-17得票数 3
我有一个简单的网站，有两个离线运行的链接，但是如果我部署它并将它上传到一个网站上，那么第一页运行良好，但是当我单击add Link时，它给了我404，list链接运行良好，两个链接在离线时都运行良好。<a href="/react/">List</a>
<a href="/react/Add">Add</a>
浏览 2提问于2019-09-23得票数 1
回答已采纳
我使用AWS放大器来部署一个React应用程序。当我部署react应用程序时，根URL按预期工作(example.com)。我的反应路由器代码是这样的： <&
浏览 12提问于2022-07-17得票数 2
回答已采纳
3回答
redirect.jsximport { BrowserRouter, Route } from 'react-router-dom'
import ReactDOM from "react-dom";
import {BrowserRouter} from 'react</e
浏览 2提问于2020-04-02得票数 0
我正在尝试创建一个create-react-app项目的静态构建，但我得到了以下错误：Uncaught SyntaxError: Unexpected token < main.7ced8661.chunk.js:1
由于这些文件正在缩小，我不知道从哪里开始调试它们。"react", "es2015", "stage-1
浏览 2提问于2019-01-24得票数 63
回答已采纳
2回答
/guestPage";import {Routes} from "react-router>
)guestPage.js
export defau
浏览 9提问于2022-06-14得票数 2
回答已采纳
反应-路由器似乎是在我的应用程序工作，但事实上，我得到一个空白页，而不是我的组件，即使它是指向正确的路径。
我正在扫描文档，但是在查看并搜索Google/这个站点之后，我无法单独解决这个问题。使其能够使router.js文件只包含路由，从而获得相同的结果。在对组件执行so.Reinstalling时也要指定确切的路径，以防下载时出错。删除提供程序，以防出现问题，将代码直接放置在提供者组件标记之间的<
浏览 7提问于2019-09-18得票数 0
回答已采纳
当我用上下文提供程序包装index.js时，我只看到一个空白页。这是我的背景
const FavoriteContext = createContextindex.js中包装我的提供者时，我会看到一个空白页。这是我的index.<
浏览 5提问于2022-05-05得票数 0
这是我第一次尝试react。我使用create-react-app创建了一个项目，然后对于路由，我使用用于web react-router-dom的React路由器V4。这是我的index.js文件import ReactDOM from 'react-dom';
import { <e
浏览 11提问于2017-08-29得票数 7
2回答
可以将基于react-router的webapp部署到在node.js服务器下运行的生产中吗？部署静态文件会阻止像server.com/about这样的链接工作，除非首先加载index.html。我们可以通过使用HashRouter来解决这个问题，但是沿着这条路走似乎是老生常谈。index.js
import React, { Component } from '
浏览 4提问于2017-06-13得票数 2
几天来，我一直在尝试在Digital ocean上部署我的第一个react js应用程序，但没有成功。它是一个create react应用程序，它连接到运行Apache服务器的PHP API 我已经使用npm run build命令成功构建了我的应用程序。当我试图从我的浏览器访问build文件夹时，我只得到一个空白页面。为此，我
浏览 17提问于2019-05-12得票数 0
回答已采纳
我正在做一个使用React Router的简单示例。我使用create-react-app创建了它 在本地服务器上，每个链接都运行良好，例如: localhost:3000/login，localhost:3000/ product，等等。在部署到我的域之后，当我进入我的链接时，我得到了一个404错误。在index.html (本地主机: 3000 / index.ht
浏览 12提问于2019-10-16得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
