关于跨域问题是前端还是后端负责的问题

最新推荐文章于 2024-04-09 05:48:09 发布
最新推荐文章于 2024-04-09 05:48:09 发布
阅读量1.7k 收藏 8
点赞数
文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cabbageboiling/article/details/129043620
版权
1、跨域是什么

协议，域名和端口这三个如果有一个不相同的话，就会产生跨域
跨域是为了为了保护本地数据不被JavaScript代码获取回来的数据污染
这个就是同源策略

大家都在说跨域，但是跨域是谁要处理的呢？前端需不需要做什么呢？

跨域的解决方法

常用的跨域解决方法：
1、cors配置请求头 ------ 后端开发配置
2、Nginx服务器代理 ------ 运维/后端开发搭建

前端需不需要做什么呢？
不需要！

除非是后端在开发阶段时没有配置cors，忘记或者懒得配置（生产环境和测试环境必须配置的，现在说的是开发阶段没有配的情况下）

我们前端才需要配置一下webpack里的proxy代理实现跨域

天天水煮白菜
关注
  • 0
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端解决跨域问题总结
monparadis的博客
12-06 1647
其实一般情况下，都是由后端解决跨域问题，因为后端处理跨域比前端 更加方便，而且更加安全，前端处理跨域安全性不高，数据容易被劫持，但是当后端实在没办法解决的时候就需要我们前端处理了 什么叫做跨域：一个域下的文档或者脚本视图请求另一个域下的资源叫做跨域 如何判断跨域：同源策略：协议，域名，端口三者相同称为同源 跨域限制行为：1.cookie,localstorage无法获取 2.dom和js对象无法获取 ...
前端后端跨域问题
01-02
跨域 原因：  浏览器限制  跨域（域名，端口，协议，ip不一样）  在使用XMLHTTPRequest对象发送HTTP请求时，会遇到同源策略问题，域不同请求会被浏览器拦截。
别在问我跨域问题了，跨域详解以及前端，大厂Linux运维高级面试题汇总解答
最新发布
m0_61549353的博客
04-09 567
最全的Linux教程，Linux从入门到精通。
跨域问题详解
qq_38571892的博客
03-11 1万+
什么是跨域 跨域的概念很简单，即当一个请求URL的协议、域名、端口三者之间任意一个与当前页面URL不同则视为跨域，而跨域问题产生的原因主要是由浏览器的“同源策略”限制导致的，是浏览器对JavaScript 施加的安全限制。 什么是同源策略 所谓同源是指协议、域名以及端口要相同。我们举例说明：假如有这么一个网站：http://www.example.com/zw/index.html，很容易知道，它的协议是http://，域名是www.example.com，端口号是80(默认端口可以省略)，它的同源情况如下
跨域问题（纯前端解决，纯后端解决，webservice解决）
2023年目标：“禅师与青年的技术尬聊”系列更新100篇
12-04 2万+
青年：最近项目中遇到了跨域问题，我这边解决的方式是jsonp前后端配合，大师是否还有其他的解决方式？ 禅师：跨域是浏览器对同源策略的保护，主流的方式的确是需要前后端配合解决，但是业务需求有千百种，解决方法也应适应业务需求。如果后端服务本身是调取的第三方服务，这种情况下只能纯前端解决了。 青年：纯前端解决?域名不同，协议不同，端口不同都会产生跨域问题，摆在前端面前的就是这几种情况之一，这不就是薅...
前后端解决跨域五种方案
m0_58528901的博客
03-27 1万+
前后端解决跨域五种方案
开发中如何解决跨域（前后端）
热门推荐
stc_ljc的博客
02-15 13万+
我们在开发中常常会遇到这样的问题，接口在一台服务器或者一个端口上，而前端页面则在另一个服务器或者端口上。这样从前端获取接口里的数据的时候就会出现跨域问题，那么教你如何解决跨域问题
解决前端跨域问题方案汇总
09-01
- **代理服务器**：在后端设置一个代理服务器，将前端的请求转发到目标服务器，这样请求看起来是从同一源发起的，避免了跨域问题。 - **WebSocket跨域**：WebSocket协议本身支持跨域，只要服务器允许，前端可以与...
利用Nginx代理如何解决前端跨域问题详析
01-09
前言 ... 本文将讲述如何使用 Nginx 在 Web 前后端分离开发中实现路由的转发。 Web 开发通常使用的是前后端分离的开发模式，即前端和...这在开发过程中会导致 跨域 问题，即在一个域名下的网页，是无法通过 Ajax 请求另
前端跨域，后端配置过滤器
08-30
解决前后端跨域，java后端配置过滤器
浅析前端跨域
weixin_63305031的博客
11-11 1586
浏览器将请求发送给代理服务器，因为同源所以不存在问题，再由代理服务器将请求转发给服务器，服务器处理请求，将资源返回给代理服务器，再由代理服务器转发给浏览器。1、jsonp：原理：利用script标签中src属性，在引入外部资源的时候，不受同源策略限制这样的特点，需要前后台一起进行配置，也只能解决get请求问题，其他请求方式不能解决（开发中不常用）：浏览器向服务器发送了请求，服务器也接受到了请求，并且会返回数据给浏览器，但是这个时候，浏览器发现请求回来的数据端口不一致，将数据拦截了。跨域仅仅存在与浏览器上。
前端 | 跨域问题的前后端解决方案
野生猿林仔的博客
07-08 2024
跨域问题的前后端解决方案
前后端跨域问题（解决方向和思路）
qq_20236937的博客
04-19 2325
浏览器的同源策略是跨域问题的根本所在。同源策略是一个非常重要的安全策略，它用于限制两个源之间在浏览器上进行资源交互。如果缺少了同源策略，网站或服务器很容易受到 XSS、CSFR 等攻击。那么同源是什么意思？同源表示两个 URL 的origin(源、请求头)是相同的，origin 由protocol(协议)、**host(域名)**和port(端口)组成。简单一点就是指 协议，域名，端口都要相同，其中有一个不同都会产生跨域。
别在问我跨域问题了，跨域详解以及前端、后端、运维解决的方法统统写在这里了。
星宇大前端
01-16 3326
文章目录前言一、为什么会跨域1. 什么是源2. URL结构3. 同源不同源举????同源例子二、前端解决方案三、后端解决方案四、运维解决方案五、总结 前言 跨域问题一直是前端的一大难题，从前端出道到至今，无论是自己还是身边的同事，以及网上前端朋友都被这个问题困扰着。 尤其最近写了一个网络封装，用户提出最多的便是跨域问题，解释了很多次，都写在这里吧，以后自己忘了也可以看看，总结一下。 贴上标准的前端跨域报错(SpringBoot后台)： Access to XMLHttpRequest at '…' fro
前后端解决跨域问题
SkyinEast的博客
06-25 382
一、后端解决的方式 @Configuration public class CorsConfig { /** * cors support * @return */ @Bean public FilterRegistrationBean corsFilter() { // 注册CORS过滤器 UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigu...
前端解决跨域问题
xq1124的博客
06-01 760
代理跨域
前后端分离项目跨域问题及解决方案
踏 浪的博客
04-18 3万+
目录 1、什么是跨域 2、前后端分离项目中的跨域问题 3、方法一：SpringBoot后端进行处理 4、方法二：在Vue前端进行处理 5、总结 1、什么是跨域 请求同域资源： 在域名 （或 ip 地址）相同，端口号相同下的请求资源，可以看做是同域资源 请求跨域资源： 请求的资源只要 是 域名（或 ip 地址）、端口号中任意一个不同的资源都可以认为是跨域资源 如： 端口...
解决前后端分离架构中跨域问题
name_sakura的博客
04-06 4328
前后端分离架构中，前端调用后端提供的API接口来获取数据。由于浏览器的，而前端服务与后端服务往往会被部署到不同的机器，不同端口上，因此会产生跨域问题。
跨域一般是前端还是后端解决
07-28
跨域问题一般是由后端解决的。跨域资源共享（CORS）是一个系统，它由一系列传输的HTTP头组成，这些HTTP头决定浏览器是否阻止前端JavaScript代码获取跨域请求的响应。现代浏览器支持在API容器中（例如XMLHttpRequest或Fetch）使用CORS，以降低跨源HTTP请求所带来的风险。然而，CORS机制的实现是由后端服务器进行的，通过在响应头中添加特定的CORS头来允许跨域访问。因此，后端开发人员需要在服务器端进行相应的配置和处理，以确保跨域请求能够安全进行。\[1\]\[2\] #### 引用[.reference_title] - *1* *2* *3* [别在问我跨域问题了，跨域详解以及前端、后端](https://blog.csdn.net/m0_69940800/article/details/124553400)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值