那么多的 404 页面，你都见过吗？

最新推荐文章于 2021-11-02 11:24:13 发布
转载 最新推荐文章于 2021-11-02 11:24:13 发布 · 1.1k 阅读 · 0

本文展示了一系列知名网站的404页面设计，包括腾讯、网易等，体现了各网站独特的风格与创意。

来源 | 程序猿

编辑 | 短笛

「文末高能」

每天浏览各大网站，难免会碰到404页面啊。

你注意过404页面么？

下面这些知名网站的404页面，以供大家欣赏，看看哪个网站更有创意：


腾讯


网易


淘宝


新浪微博


新浪


京东


优酷


腾讯视频


搜狐


携程


去哪儿


今日头条


知乎


4399


37手游


网易严选


美团


饿了么


小米


魅族



苏宁


爱奇艺


猪八戒网


优快云


segmentfault.com


Google


YouTube


GitHub


stackoverflow


Reddit


Facebook


Amazon


Bing


slack.com


Airbnb


Dropbox


mashable.com



Virgin.com

福利

隐藏的艺术：滥用 404 页面的新 Magecart 活动
技术超强的网络安全平台
08-24 754
一项新的、复杂的、隐蔽的 Magecart 网页窃取活动已针对 Magento 和 WooCommerce 网站展开。该活动的部分受害者与食品和零售行业的大型组织有关。根据我们发现的证据，该活动已经持续了几周，在某些情况下甚至更长。该活动采用了一种我们以前从未遇到过的高级隐藏技术，令我们措手不及。
69. 如何从 SAP UI5 Not Found 页面跳转回到正常的应用页面
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
04-14 1286
本系列的前一篇文章，我们学习了 SAP UI5 自定义 Not Found 页面的实现方式： SAP UI5 应用开发教程之六十八 - 如何实现 SAP UI5 路由失败时显示自定义的 NOT Found 页面 可以看到，这个页面没有提供回退到正常 SAP UI5 应用的按钮，只能使用浏览器本身提供的回退按钮，用户体验很不好。 本步骤介绍如何在这个 Not Found 页面提供一个回退按钮，回到正常的应用页面去。 上图是本步骤完成后的效果，点击 Back 按钮，能够跳转回到这个 SAP UI5 应用。
知名网站的 404 页面长啥样？你的404长啥样？
qq_35267530的博客
10-26 926
每天浏览各大网站，难免会碰到404页面啊。你注意过404页面么？猿妹搜罗来了下面这些知名网站的404页面，以供大家欣赏，看看哪个网站更有创意： 新浪 新浪微博 优酷 腾讯 网易 淘宝 京东 搜狐 知乎 美团 饿了么 segmentfault
404页面大全
08-15
404页面5个，可谓非常详细了，大家可以从里面选到自己喜欢的404页面放到目录下，格式是HTML哦。
404页面集合60多个
11-22
里面有包含60多个的404页面，满足大部分的需求，有需要的可以下载
分享五个404页面模板 超好看的404页面你的网站离不了 seo优化404
GELEI180的专栏
06-27 8517
一个完整的网站离不开一个好的404页面，404页面不光是让你的网站美观，它对SEO的作用也很大，你想一下如果用户打开你的网站，输入一个不存在的风址，如果没有404直接就报错了，有了404就能打开一个美观的页面，404页面对网站用户的体验非常大。 今天给大家分享五个精品404页面，总有一款适合你的网站，下载方法关注私信我就行了。 第一个：简约实用网站常用404错误提示页面模板 第二个...
报404页面 403页面 等HTTP网页错误代码大全
zuo_kaizheng的博客
01-27 494
下面就是常见的网页报错提示代码了， HTTP 400 - 请求无效 HTTP 401 - 请求无效，未授权 HTTP 403 - 禁止访问 HTTP 404 - 无法找到文件 HTTP 405 - 资源被禁止 HTTP 406 - 无法接受 HTTP 407 - 要求代理身份验证 HTTP 500 - 内部服务器错误 HTTP 501 - 页眉值指定了未实现的配置 HTTP 502 - 网关错误 HTTP 503 - 服务不可用 HTTP 504 - 网关超时 HTTP 505 - http版本不受支持
你真的了解爬虫吗？看完你会对网络爬虫有更深更全面的认识
龙叔的博客
11-02 4万+
学爬虫，从这里开始！
nginx有配置过吗？反向代理了解吗？什么情况下会用到反向代理？
qq_37173417的博客
05-12 566
今天给大家分享一下，修真院官网JAVA任务三的一个知识点：nginx服务器有什么作用？什么叫反向代理？为什么要使用反向代理？ 1 背景介绍 1.1 Nginx是什么？ Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器。其特点是占有内存少，并发能力强，事实上nginx的并发能力确实在同类型的网页服务器中表现较好，中国大陆使用nginx网站用户有：百度、京东、新浪、网易、腾讯、淘宝等。 2 知识剖析 2.1 nginx服务器有什么作用？ 1、反向代理
关于 页面多语言支持的纯前端（JQuery插件）实现及 .json 文件读取报404的问题
水月灬清影的博客
10-02 1120
页面多语言支持的纯前端实现及 .json 文件访问报404的问题
简洁的404页面，懒人可以直接用
06-03
手写了一个简洁的404页面，懒人不需要修改，可以直接用 演示链接：http://m.xingshanbang.com/5454564D564SAD568A456SD4A65S4D6A4D6 域名后的任意错误返回404
10个经典实用的404错误页面
05-07
10个经典实用的404错误页面下载,页面漂亮，欢迎大家下载
可能是最全面的国内外知名404页面盘点
代码湾
01-12 2636
关于「 404 错误」的起源，互联网上一直流传着一个传说。 在欧洲核研究组织的 404 号房间内，存放着互联网第一台服务器，万维网的发明者 Berners-Lee 就在这里办公。如果你要访问网页，必须向这个房间提交申请，如果找不到这个网页就会提示你「404 not found 」。 当人们让 Berners-Lee 就 「 404 错误」发表意见时， Berners-Lee 以这是无关紧要的琐事为
ie刷新页面，进入404 页面 （ {path：*，redirect：'/404'}页面）
Shimeng_1989的博客
09-10 5541
vue项目中用了动态路由，addRoutes()，谷歌，edge等其他浏览器都没问题，只有ie浏览器进入动态路由后，一刷新就会跳转到重定向的（redirect：’/404‘）。 过程是这样的： 1、登录接口获取到路有权限 2、去store中存储到state中，并通过cookie.js 存到cookie中 3、每次跳转页面判断是否存在角色路由（是否刷新丢失路由） 4、如丢失则去获取cook...
404通过html页面进行重定向跳转
a403852386的博客
08-15 5284
一般404页面重定向都是通过伪静态进行跳转，但伪静态的规则不是每个人都会写。这里我提供一种非常简单的重定向方式，就是在404.html页面中进行跳转。只想要在head标签里面添加一行代码 下面是我的404.html页面源码： 404 body{ background-color:#444; font-size:14px; } h3{ font-size:60
apk下载提示404错误
haoyuexihuai的专栏
08-23 9973
服务器IIS的MIME类型支持.apk/.ipa文件下载 有位做APP开发的客户网站需要为用户提供网络下载安装，网站的搭载环境是Windows+IIS。而在默认的情况下，IIS是无法通过网络上来直接下载安卓.apk和苹果.ipa文件的。   因为IIS的默认MIME类型里没有.apk和.ipa的文件，所以无法通过网络直接下载。   解决办法：既然.apk .ipa无法下载是因为没有MIM
福利福利~262集前端免费视频！
热门推荐
weixin_33834910的博客
12-20 32万+
作者：技术胖 原文地址：https://juejin.im/post/5c11bf145188252704368b98 来源：掘金 2018还有十几天就要过完了，我觉的这一年我的成长并不是很快，有很多2018新年许的愿望都没有达成。这篇文章算我2018年的一个总结吧！ 在这岁末迎新的时候，把所有的视频送给你，希望你可以在2019年，无论是学习还是工作都有所进步。 有很多人问...
Http Status Code 套餐合集（转载）
05-30 663
1xx（临时响应） 表示临时响应并需要请求者继续执行操作的状态代码。 100（继续）请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。 101（切换协议）请求者已要求服务器切换协议，服务器已确认并准备切换。 2xx （成功） 表示成功处理了请求的状态代码。 200（成功）服务器已成功处理了请求。通常，这表...
五次多项式换道转向避撞轨迹规划可视化Matlab代码（分析不同车速与路面附着系数对换道时间、距离及横向加速度的影响）
最新发布
11-27
五次多项式换道转向避撞轨迹规划可视化Matlab代码（分析不同车速与路面附着系数对换道时间、距离及横向加速度的影响）内容概要：本文介绍了一套基于五次多项式插值的换道转向避撞轨迹规划方法，并提供了完整的Matlab可视化代码实现。该方法用于自动驾驶或智能车辆在紧急避障场景下的平滑轨迹生成，重点分析了不同初始车速与路面附着系数对换道过程的影响，包括换道所需时间、行驶距离及横向加速度的变化规律，从而评估轨迹的安全性与舒适性。文中通过仿真展示了在多种工况下轨迹的动态特性，帮助理解车辆动力学约束与路面条件对路径规划的影响。; 适合人群：具备一定车辆动力学基础和Matlab编程能力的研究生、科研人员及从事自动驾驶路径规划的工程技术人员。; 使用场景及目标：①研究自动驾驶车辆在避障换道过程中的轨迹生成与优化；②分析车速与路面摩擦系数对换道性能（如时间、距离、横向加速度）的影响；③为智能驾驶系统提供可验证的轨迹规划算法原型与仿真平台； 阅读建议：建议结合Matlab代码逐段运行并调整参数（如车速、附着系数），观察仿真结果变化，深入理解五次多项式在横向轨迹规划中的应用优势与局限，同时可扩展至更复杂的动态环境或多车协同场景。
若依前后端分离项目启动到登录页面后报系统接口404异常
07-04
<think>我们正在处理用户关于若依前后端分离项目启动后登录页面出现系统接口404异常的问题。根据引用内容，我们可以总结出几个可能的排查方向：1.后端服务是否成功启动（端口配置、Redis配置等） 2.前端配置是否正确（特别是代理配置，是否指向正确的后端地址和端口）3.验证码接口异常可能是由于后端未启动或Redis连接问题根据引用[3]，用户提到自己改过后端端口，所以需要检查前后端配置的端口是否一致。具体步骤：1.确认后端启动的端口（默认为8080，如果修改过，则查看application.yml中的server.port）2.检查前端配置（vue.config.js）中的代理设置（devServer.proxy）是否指向了正确的后端地址和端口3.检查Redis配置（后端application.yml中的redis配置）是否正确，因为验证码需要Redis存储另外，引用[2]提到前端启动命令，如果启动失败可以设置环境变量：set NODE_OPTIONS=--openssl-legacy-provider，但这里的问题主要是接口404，所以重点在前后端连接。 解决方案步骤： 1.确保后端服务已经启动，并且没有端口冲突（可以通过访问后端接口如http://localhost:8080来测试，具体端口根据你的配置）2.检查前端项目中`vue.config.js`文件的代理配置，确保target指向后端地址和端口，例如：```javascriptdevServer: {port:80,proxy: {'/prod-api':{target:'http://localhost:8080',//这里改为你的后端地址changeOrigin:true,pathRewrite:{'^/prod-api':''}}}}```注意：若依默认的前端代理前缀是`/prod-api`，如果后端端口改为其他（如8081），则target需要改为`http://localhost:8081`。 3.检查后端Redis配置，确保Redis服务已启动，并且配置正确（主机、端口、密码等）。验证码需要Redis，如果Redis连接失败，验证码接口会报错，但这里用户遇到的是404，所以先解决404问题，再考虑验证码问题。引用[3]中用户提到自己改过端口，所以重点检查前后端端口配置是否一致。 如果按照以上步骤检查后仍然有问题，可以尝试清除浏览器缓存或使用无痕模式，避免缓存导致的问题。 此外，引用[1]提到需要同时运行前后端，并且需要修改数据库和Redis配置，所以也要确保： -数据库服务已启动，并且后端配置的数据库连接正确（在application-druid.yml中） -Redis服务已启动，并且后端配置的Redis连接正确（在application.yml中） 总结排查步骤：1.后端端口配置是否正确？后端是否成功启动（查看控制台日志）？ 2.前端代理配置的target是否与后端端口一致？3.Redis和数据库服务是否启动，配置是否正确？如果验证码接口出现500错误（引用[1]提到），可能是Redis配置问题，但当前是404，所以先解决404，即前后端连接问题。用户问题：登录页面出现系统接口404异常，验证码没有图片（验证码接口也是404？还是500？根据引用[1]提到验证码没有图片，接口500异常，但用户现在的问题是404，所以需要区分）。用户描述为“系统接口404异常”，所以重点在接口地址找不到，即前后端连接问题。因此，我们主要解决前后端连接问题，即代理配置或后端未启动。</think>### 解决若依前后端分离项目登录页面接口404异常 根据引用内容，接口404异常通常由前后端连接配置错误引起，以下是系统排查步骤： #### 🔍 核心排查步骤 1. **检查后端端口配置** - 打开后端配置文件 `ruoyi-admin/src/main/resources/application.yml` - 确认 `server.port` 端口号（默认为8080） ```yaml server: port: 8080 # 确保此处未被占用 ``` - 若修改过端口，需同步调整前端代理配置（见步骤2） 2. **检查前端代理配置** - 打开前端配置文件 `ruoyi-ui/vue.config.js` - 确认代理目标地址与后端端口一致： ```javascript devServer: { proxy: { '/prod-api': { // 请求前缀 target: `http://localhost:8080`, // 必须与后端端口一致 changeOrigin: true, pathRewrite: { '^/prod-api': '' // 路径重写规则 } } } } ``` 3. **验证后端服务状态** - 访问后端健康检查接口：`http://localhost:8080` - 正常应返回JSON数据（非404页面） - 若无法访问，检查： - 后端是否成功启动（控制台无报错） - 端口是否被占用（netstat -ano | findstr :8080） - 防火墙是否放行端口 4. **检查跨域配置（关键）** 在 `ruoyi-admin` 的 `WebMvcConfig` 类中确认： ```java @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**") // 允许所有路径 .allowedOriginPatterns("*") // 允许所有源 .allowCredentials(true) .allowedMethods("*") // 允许所有方法 .maxAge(3600); } ``` #### ⚠️ 其他常见问题 1. **Redis连接失败**（引用[1]） - 检查 `application.yml` 中Redis配置： ```yaml redis: host: localhost port: 6379 password: # 无密码留空 database: 0 ``` - 启动Redis服务：`redis-server.exe` 2. **前端依赖问题**（引用[2]） - 删除 `node_modules` 后重新安装： ```bash npm cache clean --force npm install --registry=https://registry.npmmirror.com ``` 3. **验证码不显示**（引用[3]） - 接口404时验证码必然失败 - 解决404后若仍不显示，检查后端日志： - `CaptchaController` 是否正常映射 - Redis是否存储了验证码 #### ✅ 验证修复 1. 重启后端服务（确保控制台无报错） 2. 重启前端：`npm run dev` 3. 访问登录页，按F12打开控制台： - 查看网络请求中 `/prod-api/captchaImage` 的响应状态 - 成功时应返回200及验证码数据 > **重要提示**：若修改过Nginx配置，需确保反向代理指向正确后端地址[^1][^3]。 --- ### 📚 相关问题 1. 若依项目启动时如何解决数据库连接失败问题？ 2. 如何配置若依前端使用自定义域名访问？ 3. 若依验证码生成逻辑是如何实现的？[^1] 4. 前后端分离项目中如何调试跨域问题？ 5. 若依框架中Redis的作用有哪些？[^1] [^1]: 验证码实现依赖Redis存储 [^2]: 前端依赖安装建议使用国内镜像 [^3]: 端口冲突是接口404的常见原因
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值