欢迎读者按需阅读~ 直接获取解决方案请点击:四、解决方案 去年博文传送门: 开发和内网部署正常,反向代理后出现404和图片加载失败的解决方案;部署到公网后报错404;部署到公网后图片加载出错...;动态渲染获取图片失败_访问代理服务器图片加载不出来 一、情景介绍 1、问题出现的场景 最近开发一个前端项目,在开发环境和部署到内网的生产环境都没问题。...将其反向代理到一个公网域名上,发现其他的内容没有问题,唯独部分图片资源无法加载,打开控制台,这部分图片资源请求状态码是404。...在开发环境中,Vite 会根据根路径(base)自动解析资源路径,但当通过反向代理部署时,代理服务器可能会为项目添加一个子路由路径(根据nginx的配置来决定)。...以这个nginx配置为例,部署之后拼接的资源动态路径就是“域名+high+动态路由”,可如果你的项目base目录是默认值或者“./”,那资源的实际路径其实是“域名+动态路由”,自然就会报404错误。
环境 资源服务器迁移到spring security5.5.2 授权服务器仍使用spring security oauth2.x搭建 现象 使用无效的令牌访问资源服务器API时,希望返回401 未授权的响应...但实际返回的时500服务器错误 原因 授权服务器校验无效令牌时返回响应状态码为400 spring security5.x资源服务器OpaqueToken认证逻辑中,将状态码非200的令牌自省响应都以服务器异常抛出...令牌过期 throw new InvalidTokenException("Token has expired"); } ... } // 处理InvalidTokenException异常时以状态码...public int getHttpErrorCode() { return 400; } }; return exceptionTranslator.translate(e400); } 资源服务器...> requestEntity) { try { // 此处restOperations的errorHander并未定制使用默认DefaultResponseErrorHandler,会导致状态码为
二.Ajax的原生写法 1.XMLHttpRequest对象 XMLHttpRequest 对象用于在后台与服务器交换数据,能够在不重新加载页面的情况下更新网页,在页面已加载后从服务器请求数据,在页面已加载后从服务器接收数据...complete:请求完成后回调函数 (请求成功或失败时均调用)。 注意到括号里面了吗,没错,区别就在于complete只要请求完成,不论是成功还是失败均会调用。...跨域访问时一个很重要的知识点,之前专门写过一篇关于跨域访问的总结,还挺详细的,可以移步查看: javascript中实现跨域的方式总结 九.再议HTTP状态码 前面提到的"200"、"404"只是http...状态码中常见的两个,当浏览者访问一个网页时,浏览者的浏览器会向网页所在服务器发出请求。...使用GET请求重定向 **404:客户端请求失败** 408:请求超时 **500:内部服务器错误,无法完成请求** 505:服务器不支持请求的HTTP协议的版本,无法完成处理 十.不可忽视的HTTP头文件
我们日常在浏览器输入网址进行浏览时,就是用的HTTP协议来进行数据传输。 当我们在浏览器中输入网址时,浏览器会向服务器发送一个HTTP请求,服务器处理之后会返回一个HTTP回应。...Fiddler 抓包工具的原理就相当于一个"代理",当我们在浏览器中输入一个网址时,会生成HTTP请求发送给代理,然后代理再把这个HTTP请求发送给服务器,服务器在收到请求后会生成一个HTTP响应,代理收到响应后再发送给浏览器...Request 填写表单时,格式不正确导致提交失败 401 Unauthorized 访问需要登录的页面时,未登录或认证 失败 403 Forbidden 尝试访问你没有权限查看的页面 404 Not...Found 访问不存在的网页链接 500 Internal Server Error 服务器崩溃或数据库错误导致页面无法 加载 502 Bad Gateway 使用代理服务器时,代理服务器无法从 上游服务器获取有效响应...\r\n HTTP 状态码 302(临时重定向): • 当服务器返回 HTTP 302 状态码时,表示请求的资源临时被移动到新的位置。
当我们进行 API 测试时,通常首先会检查 API 调用返回的响应的状态码。这就要求我们必须熟悉那些最常见的 HTTP 状态码,以便我们能够更快地识别问题。...404 未找到 404(未找到)状态代码指示源服务器没有找到目标资源的当前表示,或者不愿意公开存在的表示。...415 不支持的媒体类型 415(不支持的媒体类型)状态代码表示源服务器拒绝为请求提供服务,因为有效负载的格式不受目标资源上此方法的支持。...502 坏网关 502(坏网关)状态代码表示服务器在充当网关或代理时,在尝试完成请求时从其访问的入站服务器接收到无效响应。...504 网关超时 504(网关超时)状态代码表示服务器在充当网关或代理时,没有收到上游服务器的及时响应,该服务器需要访问上游服务器才能完成请求。
Network,确保第一个小红灯亮着,Chrome就会记录所有浏览器和服务器之间的通信: http协议的分析 当我们在地址栏输入www.sina.com时,浏览器将显示新浪的首页。...如果返回的不是200,那么往往有其他的功能,例如 失败的响应有404 Not Found:网页不存在 500 Internal Server Error:服务器内部出错 …等等… Content-Type...当我们编写一个页面时,我们只需要在HTTP请求中把HTML发送出去,不需要考虑如何附带图片、视频等,浏览器如果需要请求图片和视频,它会发送另一个HTTP请求,因此,一个HTTP请求只处理一个资源(此时就可以理解为...常见的HTTP状态码有: 200 OK:表示请求成功 404 Not Found:表示请求的资源未找到 500 Internal Server Error:表示服务器内部错误 响应头: 响应头包含了服务器返回的一些元信息...通过HTTP协议,浏览器可以加载和显示网页,并与服务器进行交互。
……如果加载失败怎么办?例如,这里没有这样的脚本(error 404)或者服务器宕机(不可用)。 script.onerror 发生在脚本加载期间的 error 会被 error 事件跟踪到。...我们不知道 error 是 404 还是 500 或者其他情况。只知道是加载失败了。...总结 图片 ,外部样式,脚本和其他资源都提供了 load 和 error 事件以跟踪它们的加载: load 在成功加载时被触发。 error 在加载失败时被触发。...使用回调函数加载图片 重要程度:⭐️⭐️⭐️⭐️ 通常,图片在被创建时才会被加载。所以,当我们向页面中添加 时,用户不会立即看到图片。浏览器首先需要加载它。...换句话说,当所有图片都已加载完成,或出现错误输出时,将执行 callback。 例如,当我们计划显示一个包含很多图片的可滚动图册,并希望确保所有图片都已加载完成时,这个函数很有用。
— 04 — 案例分享 - 解析 JSON 中的错误信息 在此案例中,被监控 HTTP API 的响应消息为 JSON 格式,当 API 出错时 HTTP 协议的状态码可能仍然是 200,确切的错误信息通过...在常规的 DeepFlow 解析流程中,会按照如下方式构造 HTTP 调用日志的各个字段: response_code:赋值为 HTTP 响应头中的状态码,例如 200、404、500 等 response_status...:状态码小于 400 时认为正常,4XX 认为是客户端异常,5XX 认为是服务端异常 response_exception:赋值为 HTTP 异常状态码对应的英文解释,例如 404 时此字段赋值为 Not...Found response_result:当 HTTP 状态码为异常时赋值为整个 HTTP Payload 当我们安装了 Wasm 插件后,我们可以在上述解析的基础上,将失败 API 的调用日志中的如下字段进行覆写...= SUCCESS、且 HTTP 状态码小于 400 时,此值覆写为 500 response_status:按照新的 response_code 重新赋值,例如 500 时赋值为服务端异常 response_exception
,或者向后端服务器发送请求时,或者从后端服务器接收响应头时,出现错误。...invalid_header 表示后端服务器返回空响应或者非法响应头 http_500 表示后端服务器返回的响应状态码为500 http_502 表示后端服务器返回的响应状态码为502...http_503 表示后端服务器返回的响应状态码为503 http_504 表示后端服务器返回的响应状态码为504 http_404 表示后端服务器返回的响应状态码为404 off ...nginx_cache算是一个,虽和专业的cache工具相比略逊一筹,但毕竟部署简单,不用另装软件 和资源开销,所以在web cache中也占了比重不小的一席。...500、404、502、503、504、timeout后,当HTTP状态为500、502、503、504(timeout和refuse默认是记录失效的)时,nginx会判断该次请求为失败记录失败状态,
HTTP 协议用于客户端 和服务器之间通信 2. 通过请求 和响应交换达成通信 客户端发送的为 请求报文 请求报文: 请求方法, 请求URI , 协议版本, 可选请求首部字段和内容实体构成。...服务端发送的为 响应报文 响应报文: 协议版本, 状态码, 解释状态码原因短语, 可选响应首部字段以及主体构成 3....假定在访问一个HTML 文件时,它包括图片,音频.... , 它在请求HTML文件时,同时会断开重新连接请求图片,音频...文件,重复循环,知道请求完,造成了不必要得TCP 连接消耗。...优点: 减少了TCP 连接开销,减轻了服务器的负载。 它还有一个特性就是管线化 管线化: 在请求多的时候,不会因为堵塞而影响请求加载,它是异步的,不是同步加载请求。...) 403 Forbidden 客户端发起请求,别拒绝(权限授权访问) 404 Not Found 服务器上无法找到请求资源。
当你看到页面正常加载时,这场对话顺畅愉快;当出现"无法访问"时,其实是服务器给你发了一封"出错通知书"——这就是HTTP响应状态码,互联网世界的"表情语言"。...103 Early Hints此状态代码主要用于与 Link 链接头一起使用,以允许用户代理在服务器准备响应阶段时开始预加载 preloading 资源。...404 Not Found:互联网的"寻人启事"含义:服务器找不到请求的资源可能原因:URL拼写错误资源已被删除权限不足(服务器伪装成404)用户体验建议:自定义404页面,提供导航链接和搜索框405...409 Conflict当请求与服务器的当前状态冲突时,将发送此响应。410 Gone当请求的内容已从服务器中永久删除且没有转发地址时,将发送此响应。客户端需要删除缓存和指向资源的链接。...此响应旨在防止'丢失更新'问题,即当第三方修改服务器上的状态时,客户端 GET 获取资源的状态,对其进行修改并将其 PUT 放回服务器,从而导致冲突。
当用户点击或搜索引擎向网站服务器发出浏览请求时,服务器将返回Http Header Http头信息状态码,常见几种如下: 1、Http/1.1 200 OK 访问正常 表示成功访问,为网站可正常访问时的状态...6、Http/1.1 404 Not Found 文件或目录不存在 表示请求文件、目录不存在或删除,设置404错误页时需确保返回值为404。...Http状态码一览表 所谓的404页就是服务器404重定向状态返回页面。数字404指的是404号状态码。 一般常用到的有200号状态码和404号状态码。...——错误请求,如语法错误 401——请求授权失败 402——保留有效ChargeTo头响应 403——请求不允许 404——没有发现文件、查询或URl 405——用户在Request-Line字段定义的方法不允许...服务器在响应与前一个请求相冲突的 PUT 请求时可能会返回此代码,以及两个请求的差异列表。 410(已删除)如果请求的资源已永久删除,服务器就会返回此响应。
一、 信息响应1XX1xx状态码表示服务器已成功接收到请求,但还需要进一步处理。常见的1xx状态码包括:100 Continue:继续,服务器仅接收部分请求头信息,客户端可以继续发送请求体。...常见的4xx状态码包括:400 Bad Request:请求有语法错误,无法处理。401 Unauthorized:需要认证信息,但未提供或认证失败。...403 Forbidden:服务器理解请求但拒绝执行,通常是因为权限问题。404 Not Found:请求的资源在服务器上不存在。...408 Request Timeout:服务器等待请求超时(客户端需重试)。五、 服务器错误5XX5xx状态码表示服务器在处理请求时遇到了错误。...缓存优化:304减少重复传输,提升加载速度。错误排查:404需检查URL,500需检查服务器日志。401 vs 403:401 表示未认证(需登录),403 表示无权限(已登录但权限不足)。
因为服务器返回302代码,搜索引擎认为新的网址只是暂时的。使用场景:当我们在做活动时,登录到首页自动重定向,进入活动页面。未登陆的用户访问用户中心重定向到登录页面。访问404页面重新定向到首页。...该状态码表示客户端发送附带条件的请求时,服务器端允许请求访问资源,但未满足条件的情况。304 状态码返回时,不包含任何响应的主体部分。304 虽然被划分在 3XX 类别中,但是和重定向没有关系。...这个错误代码为 IIS 6.0 所专用。(4)404 Not Found该状态码表明服务器上无法找到请求的资源。除此之外,也可以在服务器端拒绝请求且不想说明理由时使用。...5XX (Server Error 服务器错误状态码)5XX 的响应结果表明服务器本身发生错误.(1)500 Internal Server Error该状态码表明服务器端在执行请求时发生了错误。...404 not found,表示在服务器上没有找到请求的资源(4)5XX 服务器错误500 internal sever error,表示服务器端在执行请求时发生了错误501 Not Implemented
URL参数包括: update 设置为true时,任何已有的更新将会首先取消部署,默认值为false tag 指定一个标签名称,这个参数能够将已经部署的web应用与标签连接起来,如果web应用被取消部署...例一: web应用位于Tomcat服务器上的/path/to/foo目录中,被部署为上下文路径为/footoo的wen应用。...4.11 停止一个现有应用 标记一个现有应用,使其不可用,但是仍然处于已部署的状态。当应用停止时,任何请求都将得到HTTP 404....该命令将会试图从已导致内存泄漏的web应用(当其处于停止,重新加载,以及被取消部署状态时)。通常由一种分析器来确认结论。诊断使用了由StandardHost(标准主机)所提供的附加功能。...命令执行失败会返回以FAIL开头的错误信息。 5 服务器状态 可从下面链接中观察有关服务器的状态信息,任何一个**manager-****角色都可以访问这一页面。
接收到此状态时的默认操作为遵循与响应关联的 Location 头。原始请求方法为 POST 时,重定向的请求将使用 GET 方法。...接收到此状态时的默认操作为遵循与响应关联的 Location 头。原始请求方法为 POST 时,重定向的请求将使用 GET 方法。...接收到此状态时的默认操作为遵循与响应关联的 Location 头。原始请求方法为 POST 时,重定向的请求将使用 GET 方法。...接收到此状态时的默认操作为遵循与响应关联的 Location 头。原始请求方法为 POST 时,重定向的请求还将使用 POST 方法。...接收到此状态时的默认操作为遵循与响应关联的 Location 头。原始请求方法为 POST 时,重定向的请求还将使用 POST 方法。
接收到此状态时的默认操作为遵循与响应关联的 Location 标头。 原始请求方法为 POST 时, 重定向的请求将使用 GET 方法。 找到是的同义词重定向。...NotAcceptable 指示客户端已用 Accept 标头指示将不接受资源的任何可用表示形式。 NotFound 404 等效于 HTTP 状态 404。...接收到此状态时的默认操作为遵循与响应关联的 Location 标头。原始请求方法为 POST 时,重定向的请求将使用 GET 方法。 重定向是的同义词找到。...接收到此状态时的默认操作为遵循与响应关联的 Location 标头。 原始请求方法为 POST 时,重定向的请求还将使用 POST 方法。...接收到此状态时的默认操作为遵循与响应关联的 Location 标头。 原始请求方法为 POST 时,重定向的请求还将使用 POST 方法。
基于上面一点,SPA 相对对服务器压力小 前后端职责分离,架构清晰,前端进行交互逻辑,后端负责数据处理 缺点 初次加载耗时多:为实现单页 Web 应用功能及显示效果,需要在加载页面的时候将 JavaScript...通过history.pushState和history.replaceState可以改变URL且不重新加载页面。 SPA可以监听popstate事件来响应浏览器前进、后退操作。.../login 关键在这里,当我们在 http://website.com/login 页执行刷新操作,会向真正的服务器发送请求资源,nginx location 是没有相关配置的,所以就会出现 404...单页应用 当我们在浏览器地址栏输入一个地址时,浏览器就会去服务端去请求内容。但每次点击一个链接,就去服务端请求,这样会有页面加载的等待。...只是改变浏览器的访问记录栈,但是不会向服务器发起请求。 history.pushState(state, title[, url]) // 该方法会向浏览器会话的历史堆栈中添加一个状态。
常见的有200(OK)表示请求已成功,302(Move Temporarily)表示临时重定向,404(not found)表示请求失败,请求所希望得到的资源未被在服务器上发现。...另外客户端申请的资源是非法的或服务端所不存在的,那么服务器会返回web根目录底下的404.html文件。即返回状态码404。...一是提交服务器的ip端口与提交表单对应的路径是以\相连,说明网上的资源多数在Linux上部署。二是提交表单对应的路径与表单提交的内容是以?相连。三是表单的内容之间是以&相连。...重定向的基本原理图片客户端对服务器发送请求,获取指定资源。服务器返回相应,相应中有3XX状态码,并携带一个新的url。客户端发送请求,获取新url指定的资源。服务器相应新url下的资源。...而当我们需要访问网址的会员资源时,浏览器会向服务器发送请求,请求中包含用户的信息,服务器会对该信息进行身份认证,若满足会员状态,就将给予当前用户权限去访问会员资源。
以无状态的方式传输、访问和操作文本数据表示。当正确部署时,它在internet上的不同应用程序之间提供统一的互操作性。...尽管REST中的“R”是“表示”,而不是“资源”,但在构建允许客户以他们想要的形式询问信息的系统时,应该记住这一点。 基于rest的请求的一个重要方面是,每个请求包含足够的状态来响应请求。...POST 当客户端无法预测要创建的资源的标识时,将使用POST。当我们雇佣员工、下订单、提交表单等时,我们无法预测服务器将如何命名我们创建的资源。...它可能需要一些额外的处理来跟踪以前删除的从未存在的资源和资源(应该返回404响应代码)。一些安全策略可能要求您返回一个404响应代码,以防止出现资源的泄漏信息。...Response Codes HTTP响应代码提供了客户机和服务器之间关于请求状态的丰富对话。大多数人对一般意义上的200、403、404甚至500只比较熟悉,但是有更多有用的代码可以使用。