前端跨域出现错误提示以及解决方式

已于 2023-05-19 17:21:52 修改
阅读量580 收藏
点赞数
文章标签： 前端
于 2022-10-09 16:45:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44383533/article/details/127229525
版权

请求错误代码405

通过查看发现是option预检，复杂请求的情况下会触发option预检

简单请求

使用以下方法：

GET HEAD POST 

content-type的值仅限于以下三种：

text/plain multipart/form-data application/x-www-form-urlencoded

复杂请求

不满足 简单请求的其他都是复杂请求 复杂请求会触发option预检 通过option 预检请求来知道服务器是否允许跨域请求

可以根据情况修改为简单请求 text/plain multipart/form-data application/x-www-form-urlencoded。

或者就需要 后端同学帮忙配置允许option预检通过

前端请求接口浏览器发起option预请求而导致405的问题_大杉12138的博客-CSDN博客_接口请求报405

孙可爱.
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTTP 405 错误 – 方法不被允许 (Method not allowed)【转载】
weixin_33744141的博客
03-01 5万+
介绍 HTTP 协议定义一些方法，以指明为获取客户端（如您的浏览器或我们的 CheckUpDown 机器人）所指定的具体网址资源而需要在 Web 服务器上执行的动作。则这些方法如下： OPTIONS( 选项 ) ：查找适用于一个特定网址资源的通讯选择。 在不需执行具体的涉及数据传输的动作情况下， 允许客户端来确定与资源相关的选项以及 / 或者要求， 或是一个服务器的性能。 GET(...
前端跨域问题解决
hhhhuuul的博客
06-21 3401
当一个请求的url的协议、域名、端口号三者之间任意一个与页面当前的url不同即为跨域。在前端领域中，跨域是指浏览器允许向服务器发送跨域请求，从而克服Ajax只能。
HTTP请求出现405 not allowed的一种解决办法经验分享
bigdogdogkun的博客
10-15 5万+
在最近对接统一支付平台的过程中，相信很多产品，包括云空间都遇到了支付成功后回调支付成功页时，报405 method not allowed的情况。这是因为支付成功后，回调的请求方式是post，而大多数产品的支付成功页是一个静态页面，要知道Apache、IIS、Nginx等绝大多数web服务器，都不允许静态文件响应POST请求。 以nginx为例，当post请求静态页面时，会直接报405 curl -X POST http://127.0.0.1:8081/test.html <html&gt
❤网络跨域报错篇http
最新发布
林太白
04-24 689
❤网络跨域报错篇http
前端常见问题之如何解决跨域问题?
i-cat的博客
12-23 789
前端常见问题之如何解决跨域问题?
Ngnix 数据接口报405错误问题解决
01-03
问题描述 全部接口报405 NOT Allowed 错误，如下图所示：   解决问题过程 在网上查了很多，试了几种方案 （1）前端将POST请求更改为GET请求；  （2）nginx配置加上如下代码  ：  location / { error_page 405 =200 /index.html; try_files $uri $uri/ /index.html; } --- 没有用 （还有好几种方案，这里就不一一细数了） 看了很多文档，几种方案都试了，还是没有作用，接口依然405.....木有一点头绪.......  
利用Nginx代理如何解决前端跨域问题详析
01-09
在现代Web开发中，前后端分离的架构已经成为...总的来说，通过Nginx反向代理，我们可以有效地解决前端跨域问题，同时还能通过配置Nginx来实现更多的功能，如负载均衡、缓存控制等，进一步优化Web应用的性能和安全性。
AngularJS iframe跨域打开内容时报错误的解决办法
10-24
当尝试在AngularJS应用中使用`ng-src`指令加载跨域`iframe`时，如果URL没有被标记为可信，就会出现“Blocked loading resource from url not allowed by $sceDelegate policy”的错误。这是因为`ng-src`会使用`$sce`...
解决vue+webpack项目接口跨域出现的问题
11-19
总的来说，解决Vue+Webpack项目接口跨域问题涉及对Webpack的代理配置，以及针对打包后资源路径的调整。通过以上步骤，你应该能够顺利地在开发环境中进行API调用，并在部署时避免404错误。在实际开发中，理解这些原理...
Vue项目中跨域问题解决方案
08-27
跨域问题可以通过多种方式解决，本文主要讲解在使用vue-cli搭建的项目中，如何通过更改Header和使用http-proxy-middleware代理来解决这个问题。 ### 后台更改Header 在后端服务器上，我们可以修改响应头`Access-...
HTTP请求报错：405 Request method ‘GET‘ not supported解决方法！！（终极整理）
good_good_xiu的博客
07-29 2万+
1.问题场景 在项目中发送ajax请求时，控制台提示如下错误信息： org.springframework.web.HttpRequestMethodNotSupportedException: Request method ‘GET’ not supported 2.异常解析 这个异常翻译过来就是http请求的方法映射异常，后面的详情信息说，该GET请求不被支持。 2.1异常原因 1.该请求路径存在，但是请求类型不为GET请求。 例如： 前端请求： //前端ajax发送请求 $.ajax({ url:
前端浏览器的跨域问题
qq_40409143的博客
06-28 1078
相信前端开发必定少不了这个问题。 什么是跨域呢 跨域是浏览器的行为，跨域问题其实就是浏览器的同源策略所导致的。同源策略是一个重要的安全策略，它用于限制一个origin的文档或者它加载的脚本如何能与另一个源的资源进行交互。它能帮助阻隔恶意文档，减少可能被攻击的媒介。 当跨域的时候会报如下错误： 以下协议、域名、端口一致。 http://www.example.com:80/a.js http://www.example.com:80/b.js 以下这种看上去再相似也没有用，都不是同源。 http:
【原创】OPTIONS请求之跨域请求被阻止（原因：CORS预检通道未成功）解决方案 超神！牛逼！
RubyXun's-Blog
06-02 4470
前后端交互：OPTIONS请求跨域失败问题
前端跨域问题原因及解决方案
棠樾的博客
03-25 9608
跨域是如何形成的？ 当我们请求一个url的 协议、域名、端口三者之间任意一个与当前页面url的协议、域名、端口 不同这种现象我们把它称之为跨域 跨域会导致： 1、无法读取非同源网页的 Cookie、LocalStorage 和 IndexedDB 2、无法接触非同源网页的 DOM 3、无法向非同源地址发送 AJAX 请求（可以发送，但浏览器会拒绝接受响应） 导致跨域的根本原因是请求浏览器的同源策略导致的 ，而跨域请求报错的原因是： 浏览器同源策略 && 请求是ajax类型 &&
跨域请求常见错误及解决：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
二饭的博客
12-14 1万+
我的项目是Vue+Boot前后端分离项目。出现标题的错误信息的可能如下： 第①种情况 后端没有设置跨域，这里以Boot项目为例，在类上使用如下注解：表示这个类中的方法都可以进行跨域 @RestController @RequestMapping("client/recruit") @CrossOrigin public class RecruitClient { } 第②种情况 后端拦截器或过滤器中没有允许该请求方法通过，正确写法如下：拦截器示例 response.setHeader("Access-
什么是跨域？跨域解决方法
热门推荐
越努力，越幸运！
12-14 43万+
一、为什么会出现跨域问题 出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协...
神坑——后端允许了跨域但是前端（vue3+vite+axios）仍然提示跨域
lsjweiyi的博客
05-08 1万+
这个问题坑了我整整一个晚上。·这明明是个非常常见的问题，我自己也遇到好多次了，以前都是后端允许跨域就可以了。但是这次就是不行！ 首先晚上最多的方案是用代理，例如这篇：https://blog.csdn.net/admin_web/article/details/121924527 我一晚上也主要在按照这些方法去尝试，但是我努力一个晚上，都不行，一直怀疑是自己的姿势不对！最后在快要放弃前（12点多，不清醒了），瞎猫碰上死耗子，居然解决了。 不是配置问题！ PS:我的后端用go写的，这里也贴一下我的允许跨域：
前端和后端的交互之跨域
wzj_110的博客
06-19 9096
一、概念（1）什么是跨域？补充：域名一串用点分隔名字组成的，通过与ip地址相互映射，来标识Internet上某一台计算机或计算机组(集群)的，详见跨域：是指一个域下的文档(html、jsp)或脚本(js)试图去请求另一个域下的资源（2）跨域的分类1、广义的跨域1.) 资源跳转： A链接、重定向、表单提交2.) 资源嵌入：&lt;link&gt;、&lt;script&gt;、&lt;img&gt;......
从前端方面解决跨域问题 不动后端代码
07-08
如果你不想修改后端代码来解决跨域问题，可以在前端使用一些技术手段来解决。以下是一些前端解决跨域问题的方法： 1. JSONP（仅支持GET请求） JSONP（JSON with Padding）是一种跨域传输数据的方法，通过动态创建...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值