新边缘浏览器中的React HashRouter问题
React HashRouter是React Router库中的一种路由器类型，用于在React应用程序中实现基于哈希的导航。它是一种前端开发技术，用于在单页面应用程序中管理URL和页面之间的导航。
React HashRouter的主要特点和优势包括：
- 简单易用：React HashRouter提供了简单的API和组件，使得在React应用中实现路由功能变得简单易用。
- 基于哈希的导航：React HashRouter使用URL中的哈希部分来管理导航，这意味着应用程序的URL不会发送到服务器，可以在不刷新页面的情况下进行导航。
- 兼容性好：React HashRouter在各种浏览器中都有良好的兼容性，包括新边缘浏览器。
- 支持嵌套路由：React HashRouter支持嵌套路由，可以在应用程序中创建复杂的路由结构。
- 提供路由参数：React HashRouter可以方便地传递和获取路由参数，以便在不同页面之间传递数据。
React HashRouter适用于以下场景：
- 单页面应用程序：当开发单页面应用程序时，可以使用React HashRouter来管理页面之间的导航。
- 需要前端路由功能：如果应用程序需要在前端实现路由功能，而不是通过后端服务器进行页面跳转，React HashRouter是一个不错的选择。
- 需要兼容性好的路由解决方案：React HashRouter在各种浏览器中都有良好的兼容性，适用于需要在不同浏览器中保持一致性的项目。
腾讯云提供了一系列与React HashRouter相关的产品和服务，包括：
- 腾讯云服务器（CVM）：提供可靠的云服务器实例，用于部署和运行React应用程序。
- 腾讯云对象存储（COS）：提供高可用、高可靠的对象存储服务，用于存储React应用程序的静态资源文件。
- 腾讯云CDN：提供全球加速的内容分发网络服务，用于加速React应用程序的静态资源文件的传输。
- 腾讯云云函数（SCF）：提供事件驱动的无服务器计算服务，可用于处理React应用程序中的后端逻辑。
- 腾讯云API网关：提供灵活可扩展的API管理服务，用于构建和管理React应用程序的后端API接口。
更多关于腾讯云产品和服务的详细信息，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我的react应用程序使用HashRouter进行客户端路由。没有服务器端路由，这是托管在IIS上的。# path在Edge上丢失，第一次(Sso)。但是在同一页或不同页(只要第一页是打开的)上连续尝试时，页面刷新也能正常工作。因此，HashRouter基本上可以正常工作，只是不是第一次在新的边缘浏览器上运行 On First time - location.hash -“ 刷新时- location.hash -#
浏览 15提问于2020-06-10得票数 0
回答已采纳
1回答
我正在构建一个带有Rails后端和redux前端的音乐流应用程序。从艺术家索引到艺术展的反应路由器链接正在冻结浏览器。import { Provider } from 'react-redux';
import { HashRouter } from 'react
浏览 0提问于2019-04-21得票数 2
首先在空气中创建helloword。我使用了airtable.com示例中的helloword代码，它很好，因为它成功地显示了helloword。它显示Error: Objects are not valid as a React child (found: Error: [object Object]).bundle.js:59956:15
reconcileChildFibers@https://localhost:9000/__runFr
浏览 2提问于2020-06-02得票数 0
回答已采纳
1回答
类型记录和反应路由器
、、、
试图站起来和运行的反应-路由器的类型记录。我已经安装了@type/reads路由器，但是我遇到了一个错误，错误是：react: 16.3.2@types/re
浏览 0提问于2018-04-18得票数 0
回答已采纳
2回答
在将ReactJS应用程序部署到生产域中的子目录时，我遇到了一些路由问题。我将构建文件放置在我的网站的www.xyz.com/folder1/appfolder/目录中，并且我在package.json中的主页属性被设置为相同的路径。/dashboard“，我的应用程序文件的路由定义如下
<Route exact path="/" compo
浏览 2提问于2022-01-10得票数 1
回答已采纳
1回答
这个问题被问到了我使用BrowserRouter处理路由，但它在刷新时不起作用，所以我采用了一个简单的解决方案，并用HashRouter替换了它。import ReactDOM from "react-dom";import App from "./A
浏览 1提问于2021-03-28得票数 0
我有一个关于这个链接的反应项目()。如果你向下滚动，你会看到一个叫做(产品类别)，的部分，当你点击其中一个，它会带你到或。但问题是，如果单击上面的链接会给出404页，则只有在单击主页链接()时，它才会显示内容，并且一旦刷新页面，就会得到404页。为什么会发生这种事？？App.jsimport { BrowserRouter as Router, Switch, Route } from "react-r
浏览 1提问于2021-09-18得票数 3
1回答
刚刚开始新的反应项目(仍然是反应初学者)，我必须处理有关路由的新问题。//domain.com/slug
但我有反应应用程序，一切都发生在单页。在这个页面上，我有一个容器，在这个容器中，我必须根据用户的操作切换组件(比如简单的单击链接)。不是整个页面都是重新加载<e
浏览 1提问于2017-11-17得票数 1
回答已采纳
我尝试了一些教程来进行路由，但最终出现了"browserHistory“未定义的错误。代码和错误消息如下所示。Main.jsimport ReactDOM from 'react-dom';
import { Router,Route, Link, IndexRoute, hashHistory,browserHistory} from 'react<
浏览 5提问于2017-03-15得票数 1
1回答
所以我尝试使用react创建我的项目组合，并使用github页面托管，我读到对于github页面，你需要使用来自react-router-dom的HashRouter，然而，我所有的链接都将我带到我的主页，而不是它们的路径。我注意到浏览器中的路径是这样的：http://localhost:3000/MyHumber#/ app.js： <Hash
浏览 14提问于2019-03-25得票数 1
我正在编写客户端渲染react应用程序，并将react-router用于路由目的。我需要从url中删除 (#)。我该怎么做呢？我找不到任何针对v4和hashrouter的解决方案。谢谢。
浏览 1提问于2017-10-27得票数 3
我正在尝试为我的React应用程序使用路由器。我尝试了一段时间前一直在使用的东西，但似乎无法使其运行。React路由器v4中的hashHistory是否已删除/重新格式化？
浏览 3提问于2017-09-03得票数 15
回答已采纳
我的Footer.js中有一个Link，由于某些原因，它在浏览器中不能作为链接使用。比如不在链接上显示指针等。我的Nav组件中有多个链接。我试过用BrowserRouter代替HashRouter，用NavLink代替Link,，但问题仍然存在。不过，这似乎是一个不计后果的错误。 现在，我把它当作一个静态网站。这就是为什么我没有用Switch和Route.包装我的组件 Footer.js import { Link } from 'r
浏览 16提问于2021-04-20得票数 0
1回答
我们如何在React中获得#urls (单页应用程序)？2)点击投资组合期望的这个应用程序坏了(我知道这是因为我错过了一个#)
import React from 'react'import{ BrowserRouter as Router } from 'react-rou
浏览 4提问于2017-07-10得票数 1
回答已采纳
4回答
我正在尝试使用username.github.io在github页面上创建一个react项目。但当我打开链接时，它只返回一个没有任何错误消息的白屏。当我使用自定义域名时，也会发生这种情况。我使用将我所有的文件上传到github，因为我在完成后创建了存储库，但我对它进行了一些调整，以便在没有gh-pages的情况下工作。
我还提到了这个答案：，但它对我没有任何帮助。有人知道怎么解决这个问题吗？谢谢!
浏览 1提问于2017-12-27得票数 3
我是一个反应的初学者，我在我的主页上使用基本的组件路由--这是我的主页组件上的代码，但是当我运行服务器时，它仍然没有显示在我的网页上。import React,{ Component } from "react";import { BrowserRouter as Router, Switch, Route, L
浏览 5提问于2022-02-06得票数 0
回答已采纳
我在springboot上提供一个react应用程序。目前我已经设置了react-router。当在React应用程序中单击a时，它会被发送到Spring视图控制器，后者会查找URL并返回带有react应用程序的"index“模板。然后，React路由器设置了几个路由。我可以将ID发送到ViewController，但React-router无法识别路径并返回404。这是ViewController.java代码。PathVariable(&
浏览 2提问于2018-03-17得票数 1
我在app.js中有一个文件，在其中我试图设置一个简单的路由系统。import React, { Component } from 'react';import LoginPage from '.我打算将登录显示在/login，导航条显示在/，但导航栏显示在/login和/<
浏览 0提问于2017-04-26得票数 2
回答已采纳
我需要让react路由器网站运行，而不需要被服务到web服务器，这样我的上级就可以查看它。根据我老板的指示，我的任务是将包含所有编译的静态文件(js/css/img)的index.html文件发送给他，以便他们可以查看我的工作。我已经告诉我的老板，我可以给他发送带有package.json的站点，所以他所要做的就是运行npm install来获取依赖项，并运行脚本来启动开发服务器，然而，他告诉我，
浏览 2提问于2017-10-03得票数 4
我想将react-route添加到我的应用程序中，我有以下代码：import { Router, browserHistory} from 'react-router';
class App extends React.Component
浏览 0提问于2017-05-02得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
