如何为it服务器上不存在的资源使create-react-app返回404

为了使create-react-app返回404错误，可以通过以下步骤实现：

确保你已经安装了create-react-app工具，并且已经创建了一个React应用程序。
打开React应用程序的根目录，找到public文件夹。
在public文件夹中创建一个名为404.html的文件。
在404.html文件中，可以编写自定义的404错误页面内容，例如：

<!DOCTYPE html>
<html>
  <head>
    <title>404 Not Found</title>
  </head>
  <body>
    <h1>404 Not Found</h1>
    <p>The requested resource could not be found.</p>
  </body>
</html>

在public文件夹中创建一个名为.htaccess的文件（如果你使用的是Apache服务器），或者创建一个名为web.config的文件（如果你使用的是IIS服务器）。
在.htaccess或web.config文件中，添加以下配置：

# 如果请求的资源不存在，则重定向到404.html页面
ErrorDocument 404 /404.html

保存并关闭.htaccess或web.config文件。
现在，当访问React应用程序中不存在的资源时，create-react-app将返回自定义的404错误页面。

这种方法适用于使用Apache或IIS等服务器托管React应用程序的情况。如果你使用的是其他服务器或云平台，可以根据其文档或配置方式进行相应的设置。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。

腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于各种应用场景。详情请参考：腾讯云云服务器
腾讯云对象存储（COS）：提供安全、稳定、低成本的对象存储服务，适用于存储和管理大量非结构化数据。详情请参考：腾讯云对象存储

相关·内容

如何为Nginx设置404页面？

开始之前这篇文章发布于2013年，介绍如何为nginx设置一个404页面，当客户端试图访问一个并不存在的资源时，nginx会返回代码为404的错误信息"404 Not Found"，这个错误信息非常简陋并且不是很友好...准备一个 404 HTML文档文档内容随意。例如将HTML文档内容设置为“腾讯公益宝贝回家”，404将会返回失踪儿童信息。...cat 404.html 404您访问的页面不存在 <script type="text/javascript"...404 =200 /empty.gif; error_page 404 =403 /forbidden.gif; 另外还可以使用等号(=)指定你自己编写的错误处理程序返回相应的响应代码: error_page...; ) location @fallback ( proxy_pass http://backend; ) FastCGI服务器 ---- 需要注意的是，对于FastCGI上游服务器来说它会返回自己的错误信息

5.9K1 0

nginx自定义错误页

文章目录自定义错误页 1.为每种类型的错误设置单独的处理方式 2.利用在线资源进行处理错误 3.更改晌应状态码 4.设置错误页面案例自定义错误页在网站访问过程中，经常会遇见各种各样的错误，如找不到访问的页面则会提示...当访问网站下不存在的目录 t 时，如图所示。 ? 2.利用在线资源进行处理错误处理错误的页面除了可以使用本站的资源外，还可以在发生指定错误时跳转到指定的 URL，利用在线资源进行处理。...例如，用户访问一个不存在的页面，服务器返回的响应状态码就为 404。利用浏览器提供的 Fl2 开发者工具查看到当前请求页面的状态码，如图所示。 ?...若要隐藏服务器返回的真实状态码信息，则可以利用＝进行自定义设置，具体配置如下。 error_page 404 =200 /40x.html; 按照上述设置修改配置文件，再次进行访问测试。...当访问不存在的资源就会跳转到404页面，如：www.xdr630.top/e ?

2.5K2 0

Ingress错误代码友好页面（一）

Ingress是Kubernetes中的一个重要资源对象，用于管理和配置应用程序的外部访问。然而，当Ingress出现问题时，Kubernetes的错误提示并不总是友好和清晰。...为了提高用户的使用体验，可以通过自定义错误页面来增强Ingress的错误提示信息，以便更好地解决问题。本文将介绍如何为Ingress配置错误页面，并提供示例。...Ingress错误页面当Ingress配置错误时，通常会返回HTTP错误代码。例如，如果Ingress中指定的后端服务不存在，将返回404错误代码。如果后端服务无法连接，将返回502错误代码。...自定义页面是由运行在集群中的Web服务器提供的，例如Nginx或Apache。当Ingress返回HTTP错误代码时，Web服务器将显示相应的自定义页面。...例如，上述配置指定了404和500错误代码的自定义页面。接下来，需要在ConfigMap中定义这些自定义页面。

1.2K2 0

HTTP 返回状态值详解

6、Http/1.1 404 Not Found 文件或目录不存在 表示请求文件、目录不存在或删除，设置404错误页时需确保返回值为404。...常有因为404错误页设置不当导致不存在的网页返回的不是404而导致搜索引擎降权。...　　404 - 请求的网页不存在 　　503 - 服务器超时　　下面提供 HTTP 状态码的完整列表。...404(未找到)服务器找不到请求的网页。例如，对于服务器上不存在的网页经常会返回此代码。　　...该代码与 404(未找到)代码类似，但在资源以前存在而现在不存在的情况下，有时会用来替代 404 代码。如果资源已永久移动，您应使用 301 指定资源的新位置。

3K3 0

restful最佳实践--接口规范

建议将存在批量删除的接口统一改成POST提交，为了标识是删除操作，在请求路径上增加/delete。 GET 被用于获取资源。不允许对服务器上资源做任何修改操作。...通过请求体携带资源发送给服务器。注意：在资源ID由客户端而不是由服务器选择的情况下，也可以使用PUT来创建资源。修改成功返回200，创建成功返回201。建议使用post进行创建新资源。...如果id不存在或非法，返回404 (NotFound)。 PUT 404 (Not Found)，除非你想更新整个资源 200 (OK) 或者204 (No Content)。...如果id不存在或非法，返回404 (NotFound)。...如果id不存在或非法，返回404 (NotFound)。其他排序使用数组传递排序字段，-表示降序，无任何标识表示升序。

1.9K4 2

快速学习-RESTFul设计风格

1）资源路径URI 资源：所有在服务器保存的数据(如:音乐/视频/文章/个人信息…)都是服务器端资源...., 服务器返回完整的属性 DELETE: 从服务器删除资源 3）过滤信息通常也叫做请求参数或查询字符串。...，参数错误） 404 （not found）- 资源不存在 406 （not acceptable）- 服务端不支持所需表示 500 （internal server error）- 通用错误响应...（Moved Permanently）- 资源的URI已更改 303 （See Other）- 其他（如，负载均衡） 400 （bad request）- 指代坏请求 404 （not found...）- 资源不存在 406 （not acceptable）- 服务端不支持所需表示 409 （conflict）- 通用冲突 412 （Precondition Failed）- 前置条件失败（如执行条件更新时的冲突

1.2K2 0

【Restful】你还不懂Restful API规范吗？

标题中涉及的核心名词API，restful 扩展何为API呢？...何为restful呢？ restful是一种软件架构风格、设计风格，而不是标准，只是提供了一组设计原则和约束条件。它主要用于客户端和服务器交互类的软件。...PUT（UPDATE）：在服务器更新资源（客户端提供改变后的完整资源）。 PATCH（UPDATE）：在服务器更新资源（客户端提供改变的属性）。 DELETE（DELETE）：从服务器删除资源。...404 NOT FOUND - [*]：用户发出的请求针对的是不存在的记录，服务器没有进行操作，该操作是幂等的。...query ] scheme: 指底层用的协议，如http、https、ftp host: 服务器的IP地址或者域名 port: 端口，http默认为80端口 path: 访问资源的路径，就是各种web

1.4K4 0

Vue项目本地开发完成部署到服务器后报404，这到底是什么原因呢？

什么是404错误？404错误是指在客户端发送请求时，服务器无法找到请求的资源或者该资源不存在，从而返回的状态码。对于Vue项目而言，如果在服务器上无法找到相应的资源文件，就会返回404错误。...造成404错误的原因1. 路径问题在开发Vue项目时，我们通常使用相对路径引用资源文件（如CSS、JS、图片等），但是在将项目部署到服务器时，相对路径可能会发生变化，导致无法找到相应的资源。...服务器配置问题有时候，404错误也可能是由于服务器配置问题导致的。比如，服务器没有安装相关的依赖项或者配置不正确等。如果出现这种情况，需要检查服务器的配置是否正确，并进行相应的修复。3....检查服务器配置如果404错误是由于服务器配置问题引起的，需要检查服务器的配置是否正确，是否存在依赖项缺失等问题，并进行相应的修复。3....只要我们仔细检查可能的原因，并进行相应的修复，就可以轻松解决这个问题。在实际开发中，我们应该充分考虑这些问题，确保我们开发完成的项目可以顺利地部署到服务器上并正常访问。

3.6K0 0

想要创建一个基于TCP实现的http服务器，应该怎么做？

： 1、实现最基本的HTTP/1.0版本的web服务器，客户端能够使用GET、POST方法请求资源 2、服务器将客户请求的资源以html页面的形似呈现，并能够进行差错处理（如：客户请求的资源不存在时...，服务器能够返回一个404的页面） 3、服务器能进行简单的cgi运行。...比如当客户在表单中输入数据后，服务器能够将运行结果返回个客户 4、能够通过页面对数据库进行操作，如增删查改等操作一、http服务器实现的基本框架关于HTTP协议即超文本传输协议，是互联网上应用最广泛的网络协议...关于HTTP的请求与响应格式响应报头中的状态码和状态码描述，例如：当请求的资源不存在时，会收到“404 NotFound”的页面，404就是状态码，“NotFound”就是状态码描述，即请求的文件不存在...例如当请求的资源不存在时，服务器需要返回给浏览器一个默认的404页面，告诉客户请求的资源不存在。

3.7K15 0

RESTful API 规范 v1.0

limit=10&offset=10 limit：返回记录数量 offset：返回记录的开始位置单参数多字段使用, 分隔，如 /users/1?...404 ALL 资源不存在（github在权限校验失败的情况下也会返回404，为了防止一些私有接口泄露出去） 422 ALL 一般是必要字段缺失或参数格式化问题 服务器错误 CODE METHOD...该模型把 REST 服务按照成熟度划分成 4 个层次：第一个层次（Level 0）的 Web 服务只是使用 HTTP 作为传输方式，实际上只是远程方法调用（RPC）的一种具体形式。...如 HTTP GET 方法来获取资源，HTTP DELETE 方法来删除资源。第四个层次（Level 3）的 Web 服务使用 HATEOAS。在资源的表达中包含了链接信息。...总结由以上例子可以看出_link就是以Hyperlink表述资源与资源之间的关系，这种方式使客户端与服务端能很好的分离开来，只要接口的定义不变，客户端与服务端就可以独立的开发和演变。

7223 0

RESTful API 规范 v1.0

1.1K7 0

常见http状态码

303 临时重定向，http1.1的产物，基本上同302相当，但是有一个区别就是，请求的资源URL1 已被指向了新的URL2，但URL2应该使用get方法请求URL2。...404 服务器无法找到所请求的资源。404状态码并不能说明请求的资源是临时还是永久丢失。如果服务器知道该资源是永久丢失，那么应该返回410而不是 404。...410 说明请求的目标资源在原服务器上不存在了，并且是永久性的丢失。...501 服务器错误响应码表示请求的方法不被服务器支持，因此无法被处理。服务器必须支持的方法（即不会返回这个状态码的方法）只有 get、head。 502 表示网关或者代理服务器错误。...503 表示服务器当前处于不可用的状态，如服务器停机、重启、超载等情况。 504 表示请求超时，扮演网关或者代理的服务器无法在规定的时间内获得想要的响应。

3671 0

在Linode上部署React应用程序

2.本指南尽可能使用sudo指令，完成“ 确保服务器安全 ”部分以创建一个标准的用户帐户，加强SSH访问并删除不必要的网络服务。 3.你需要一个Web服务器，用于托管运行在Linode上的网站。...4.本指南假设你已经拥有了要部署的React应用程序。如果你没有，可以使用create-react-app快速生成应用程序。...3.使脚本可执行： sudo chmod u+x deploy 4.执行脚本： ./deploy 出现提示时输入你的Unix密码。 5.在浏览器中，输入你的Linode域名或公共IP地址。...更高级的构建和持续集成工具（如Travis，Jenkins和Wercker）可用于自动化更复杂的部署工作流程。这包括进行部署和部署到多个服务器(如测试环境和生产环境)可以运行单元测试。...请参阅我们的Jenkins和Wercker指南。更多信息有关这个话题的其他信息，您可能需要参考以下资源。虽然提供这些是希望它们有用，但请注意，我们无法保证这些资源的准确性或及时性。

2.7K4 0

使用 React 和 Django REST Framework 构建你的网站

只要我们提前定义好请求的资源列表（后面单个都简称：endpoint）和返回的数据格式，前端和后端就可以并行的进行开发。...这也使我们可以轻松的为未来的任何项目创建移动端 App，因为它们仍然可以复用后端 API。在本文的剩余部分，我将介绍如何配置 React 前端和 DRF 后端。...在 Django 的官网上可以找到关于如何为你的特定 DB 执行此操作的文档。...现在，你已经拥有了一个后端 DRF API：叫 /auth 的 endpoint，访问它可以获得一个身份验证令牌。让我们先配置一个用户，并运行后端服务器以供测试。.../auth endpoint，然后将返回的 token dispatch 到我们的 redux store。

7.1K7 0

RESTful规范

以 DELETE为例，第一次DELETE返回200表示删除成功，第二次返回404提示资源不存在，这是允许的。复杂查询查询可以捎带以下参数： . 示例备注过滤条件 ?...§404 NOT FOUND - [*]：用户发出的请求针对的是不存在的记录，服务器没有进行操作，该操作是幂等的。...状态码的完全列表参见这里 URI失效随着系统发展，总有一些API失效或者迁移，对失效的API，返回404 not found 或 410 gone；对迁移的API，返回 301重定向。...403 forbidden 无权限 404 not found 资源不存在 500 internal server error 非业务类异常 503 service unavaliable 由容器抛出，...PUT时，要看具体的业务层代码，看看接口产生的结果是否幂等，如果幂等用PUT，相反用POST 如：接口接收到一资源，资源存在更新，不存在插入新数据，这个接口就要用PUT 参考：https:/

1.9K0 0

什么是404错误页面，如何制作和优化？

用户访问网站上不存在的页面时，服务器通常应该返回404错误。如果站长没有在服务器端设置客制化的404页面，用户浏览器显示的将会是一个默认的错误页面。...默认错误页面用户体验不好，所有主机都提供404页面功能，站长应该充分利用。1、404错误代码当页面不存在时，一定要返回404代码。...不存在页面一定要确保正确返回404状态码，如果不确定，可以使用SEO工具中的服务器头信息检测工具，看服务器返回什么头信息。...404页面应该在最醒目位置显示错误信息，明确提示用户，要访问的页面不存在；如页面已删除、用户输入了错误地址、链接中的地址错误、页面已经转移到新的地址等。...比如将错误地址做301转向到正确页面，或者干脆在本来不存在的URL上建一个新页面，接收这些外部链接的权重。作者：茹莱神兽来源：https://www.badpon.com/2667.html

7125 0

前端面试题-每日练习(5)

cookie session区别 1. cookie数据存放在客户的浏览器上，session数据放在服务器上。...所请求的资源未修改，服务器返回此状态码时，不会返回任何资源。...Payment Required 保留，将来使用 403 Forbidden 服务器理解请求客户端的请求，但是拒绝执行此请求 404 Not Found 服务器无法根据客户端的请求找到资源...Gone 客户端请求的资源已经不存在。...410不同于404，如果资源以前有现在被永久删除了可使用410代码，网站设计人员可通过301代码指定资源的新位置 411 Length Required 服务器无法处理客户端发送的不带Content-Length

1542 0

Python爬虫基础知识：异常的处理

1.URLError 通常，URLError在没有网络连接(没有路由到特定服务器)，或者服务器不存在的情况下产生。...，内容是getaddrinfo failed 2.HTTPError 服务器上每一个HTTP 应答对象response包含一个数字"状态码"。...HTTP状态码表示HTTP协议所返回的响应的状态。比如客户端向服务器发送请求，如果成功地获得请求的资源，则返回的状态码为200，表示响应成功。如果请求的资源不存在，则通常返回404错误。...新创建资源的URI可在响应的实体中得到处理方式：爬虫中不会遇到 202：请求被接受，但处理尚未完成处理方式：阻塞等待 204：服务器端已经实现了请求，但是没有返回新的信息。...当一个错误号产生后，服务器返回一个HTTP错误号，和一个错误页面。你可以使用HTTPError实例作为页面返回的应答对象response。

1.1K10 0

都知道网站404 可你知道为啥是404吗？

每当浏览网页出现“404错误”时，我们都知道这表示该网页出现了访问错误，也就是页面丢失。其实，这早已是人尽皆知的常识。作为一种标准的HTTP返回代码，404被用来表示网页服务器HTTP的响应状态。...实际上，“404错误”信息通常是当目标页面被更改、移除，或是客户端输入页面地址错误后显示的页面。久而久之，人们也就习以为常的用404代表服务器未找到文件的错误代码了。...当然，经实际考证后发现传说中的room 404并不存在，在HTTP请求3位的返回码中，4开头的代表客户错误。...不然服务器要记住太多信息，会浪费太多资源，现代的极客们根本不知道用64K内存编程是什么感觉！...将使用者的错误类型标记为404，意味着该网页不存在。”

1.6K0 0

React Router初学者入门指南（2023版）

React Router允许您在应用程序中定义不同的路由，并将它们链接到各自的组件，而无需重新加载页面。这种方法使得React Router能够轻松更新页面上的内容，并使网站感觉像一个原生应用程序。...安装React：有几种方法可以做到这一点，但让我们选择最简单的方法：create-react-app（CRA）。...404 页面 404错误是一个HTTP状态码，当请求的资源或页面无法找到时会显示出来。这可能发生在用户输入了一个不存在的URL时。...page */} } /> ); } 有了这个设置，每当访问一个不存在的URL时，React...基本上， useParams hook 返回一个包含来自 Route 组件的动态值的对象，该值可以在负责渲染动态内容的组件中使用。

4653 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

如何为it服务器上不存在的资源使create-react-app返回404

相关·内容

如何为Nginx设置404页面？

nginx自定义错误页

Ingress错误代码友好页面（一）

HTTP 返回状态值详解

restful最佳实践--接口规范

快速学习-RESTFul设计风格

【Restful】你还不懂Restful API规范吗？

Vue项目本地开发完成部署到服务器后报404，这到底是什么原因呢？

想要创建一个基于TCP实现的http服务器，应该怎么做？

RESTful API 规范 v1.0

RESTful API 规范 v1.0

常见http状态码

在Linode上部署React应用程序

使用 React 和 Django REST Framework 构建你的网站

RESTful规范

什么是404错误页面，如何制作和优化？

前端面试题-每日练习(5)

Python爬虫基础知识：异常的处理

都知道网站404 可你知道为啥是404吗？

React Router初学者入门指南（2023版）

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐