pro环境前端跨域报错的坑

最新推荐文章于 2024-02-07 19:31:25 发布
最新推荐文章于 2024-02-07 19:31:25 发布
阅读量987 收藏
点赞数
文章标签： 后端 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mr__proto__/article/details/124547582
版权

线上pro环境，前端报错crosserr

业务场景： 项目升级，整套前后端以及数据库都要切换环境，其实只要复制粘贴代码，配置对应好即可，全部配置部署的时候更改很多配置项，其中少配置一行导致前端跨域

解决方法：

第一步：登录Apollo找到对应的服务，
第二步：增加红框里的这行

请添加图片描述

注释：这行指向的是后端Java代码中解决跨域的

解释：Java代码中这行是解决跨域的代码，它的原理是在响应头里添加允许跨域的键值对

请添加图片描述
踩坑，谨记！！！！

Mr__proto__
关注
vue项目分环境配置打包处理
总结前端开发中遇到的问题，分享前端知识
11-26 1393
vue项目分环境配置打包处理主要包括几方面：本地环境配置；生产环境配置；打包处理；打包配置处理（扩展）
【GB28181】wvp-gb28181-Pro 运行错误汇总避坑大全（持续更新）
最新发布
废人一枚的博客
02-24 1618
由于windows系统默认编码是gbk,导致jar包在windows系统运行中文会导致乱码。打开cmd命令框，输入以下命令。更改cmd的编码为UTF-8。
ant design pro 前端框架
qq_34468174的博客
12-18 838
ant design pro 框架官网地址：https://pro.ant.design/docs/getting-started-cn 一、使用环境搭建   1.安装node         node下载地址：https://nodejs.org/en/     ，安装很简单，全部点击下一步即可（初学者）   2.安装git环境     git下载地址：https://git-scm....
前端Ant Design Pro构建
qq_26142613的博客
05-13 211
2023-5-13构建的Ant Design Pro
wvp-pro 与zlm 部署踩坑 (含录像服务)
cai_cai0的博客
11-10 6751
wvp-pro与zlmediakit 部署 录像服务：wvp-pro-assist
前端UI框架Ant Design Pro 依赖安装
Scorpio_DM的博客
07-25 1545
前端小白的UI框架Ant Design Pro之旅 最近换了新工作，需要负责全栈开发，项目用到的前端框架是ant design，蚂蚁金服基于react打造的一个服务于企业级产品的UI框架，这边简单记录开发过程中遇到的一些问题。 #开发环境 我用的开发工具是vsCode，首先得安装node和git，从git上拉取代码。 项目基本目录结构如下： 安装依赖： 在安装依赖的这一步，有抛出一个异...
【前端学习日记】Vue2开发环境跨域问题
qq_54207312的博客
08-02 1688
为什么跨域：据说是浏览器的同源策略，不允许协议、端口、路径不一致的IP相互访问，详情可以自行百度或文档。那我们一般的一般开发的时候就是会打开一个本地服务器嘛，如localhost:8080等，那么我们访问下面这个地址:https://www.baidu.com/index/ding.json的话，就违背了同源策略。自己项目本身用的是最后那种方便的形式，但是一直配置不生效，后来对着大佬文档一个字一个字扣，终于不报跨域的错误了。3、因为请求是从服务端发出的，所以就不存在跨域的问题了。第二部分：axios配置。.
阿里云服务器部署前后端分离项目跨域,前后端分离项目，如何解决跨域问题？...
weixin_39878745的博客
08-12 815
跨域资源共享(CORS)是前后端分离项目很常见的问题，本文主要介绍当SpringBoot应用整合SpringSecurity以后如何解决该问题。什么是跨域问题CORS全称Cross-Origin Resource Sharing，意为跨域资源共享。当一个资源去访问另一个不同域名或者同域名不同端口的资源时，就会发出跨域请求。如果此时另一个资源不允许其进行跨域资源访问，那么访问的那个资源就会遇到跨域问...
解决ajax不能访问本地文件问题（利用js跨域原理）
10-20
在生产环境中，应该使用服务器来托管文件，并通过CORS配置来允许跨域请求，以确保兼容性和安全性。 总的来说，通过理解和利用JavaScript的跨域机制，我们可以解决AJAX在本地文件系统上的访问限制。尽管JSONP和本文...
Java整合阿里云OSS，授权链接给前端上传文件报错签名异常解决
weixin_45136521的博客
01-21 3574
博主最近接入阿里云的OSS对象存储，踩了两个很无语的坑。官方文档地址 问题一 文件上传报错SignatureDoesNotMatch:The request signature we calculated does not match the signature you provided. Check your key and signing method。 问题二 object_name问题，加上/object_name后上传失败。（这里的路径不能以 ‘/’ 开头，需要以 '路径/路径/路径…/文件名称
国标28181 开源WVP-PRO项目部署
Paddy哥
10-11 2106
开源gb28181项目
wvp配置参考
dualvencsdn的博客
12-11 1895
启用多端口模式, 多端口模式使用端口区分每路流，兼容性更好。# 上级平台点播时不使用上级平台指定的ssrc，使用自定义的ssrc，参考国标文档-点播外域设备媒体流SSRC处理方式。# [可选] 自动点播， 使用固定流地址进行播放时，如果未点播则自动进行点播, 需要rtp.enable=true。# [可选] wvp在国标信令中使用的ip，此ip为摄像机可以访问到的ip， 置空使用 media.ip。# 国标续订方式，true为续订，每次注册在同一个会话里，false为重新注册，每次使用新的会话。
apollo中配置前端跨域
Mr__proto__的博客
05-01 372
1.首先要到运维处申请账号权限 2.拿到Apollo地址后登录界面如下： 3.点击其中一项进行配置，打开后点击如下： 4.将文本里的配置项更换为你想修改成的样子然后点击对号然后点击发布 5.确认无误并且没有报错就点击发布即可 注意：里面的配置项必须都是k=v键值对格式，一般需要配置以下地址，及对应的参数 MySQL地址 Apollo地址 mango地址 kafaka地址 6.具体配置项如下 ......
WVP PRO配置实战
lxyoucan的博客
06-23 5910
wvp配置过程
wvp避坑指南(1)，总有一款适合你：DateUtil类Instant.from报日期转换错误 | zlm仍在线，点播超时 | 前台编辑、删除、新增操作无效 |浏览器403forbidden 打包报错
血煞长虹 的专栏
04-15 5384
使用wvp的过程中，出现下面错误，来这里就对了 （1）wvp的DateUtils类报日期转换错误，导致WVP无法正常运行； （2）wvp前端点播视频时，播放10几秒断开，或提示zlm仍在线，点播接管口超时； （3）wvp前端界面做新增、删除、修改无效，浏览器403 forbidden错误，webSocket is closed before the connection is established （4）maven package打包maven:git-comit-id-plugin报错
解决CORS错误（Spring Boot）
墨辰JC的博客
02-07 6201
跨域（Cross-Origin）是指在Web开发中，当一个Web应用试图从一个源（域名、协议、端口组合）获取资源时，该请求的目标与当前页面的源不同。具体来说，当一个页面的JavaScript代码尝试向不同域名、协议或端口的服务器发送请求时，就会发生跨域请求。跨域请求是由浏览器实施的同源策略（Same-Origin Policy）限制导致的。同源策略是浏览器的一项安全机制，旨在保护用户的隐私和安全。同源策略要求Web页面只能从相同源加载资源，不同源的页面不能访问彼此的数据，以防止恶意网站获取用户的敏感信息。
wvp_pro docker
weixin_37391237的博客
10-19 2108
项目地址： https://github.com/648540858/wvp-GB28181-pro 开箱即用的的28181协议视频平台 WEB VIDEO PLATFORM是一个基于GB28181-2016标准实现的开箱即用的网络视频平台，负责实现核心信令与设备管理后台部分，支持NAT穿透，支持海康、大华、宇视等品牌的IPC、NVR、DVR接入。支持国标级联，支持rtsp/rtmp等视频流转发到国标平台，支持rtsp/rtmp等推流转发到国标平台。 使用方式 docker pull 648540858/w
wvp-pro+ZLMediaKit流媒体框架搭建+公网部署
be_a_pursuer的博客
05-14 8968
安装官方github项目中的wiki教程执行之后，到成功运行遇到了下面的问题： 　　1. 在application-dev.yml 文件中修改相关的各种参数之后，发现运行后依旧无法正确打开并收到设备注册信息，那么这时候可能是以下几个方面的原因： 　　- 未修改application.yml文件中属性值spring.profiles.active为dev　 　　 - 检查dev.yml文件中sip.ip属性是否为本机ip地址（windows系统命令行通过ipconfig获得的，Linux下命令行ifconfi
跨域问题是怎样造成的？
爱写代码的程序员
05-09 800
跨域问题的由来 相信很多人都或多或少了解过跨域问题，尤其在现如今前后端分离大行其道的时候。 你在本地开发一个前端项目，这个项目是通过 node 运行的，端口是9528，而服务端是通过 spring boot 提供的，端口号是7001。 当你调用一个服务端接口时，很可能得到类似下面这样的一个错误： [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gi6zOBkM-1589015502774)(https://upload-images.jianshu.io/upload_imag
跨域报错后台地址不对
07-28
跨域报错后台地址不对的问题可能是由于后台地址配置不正确导致的。在跨域请求中，需要在后台进行全局跨域处理，确保允许向该服务器提交请求的URI。你可以检查以下几个方面来解决这个问题： 1. 检查后台的跨域配置文件（如CorsConfig.java）中的allowedOrigins属性是否正确配置为后台的地址。确保该属性的值与后台地址一致。 2. 检查后台的请求方法上是否使用了@CrossOrigin注解，并且在@RequestMapping注解中指定了请求方式（如method = RequestMethod.POST/GET）。确保请求方法上的@CrossOrigin注解和@RequestMapping注解的配置正确。 3. 如果使用了@CrossOrigin注解，可以将其加到具体的请求方法上，以支持该请求的跨域访问。确保在请求方法上添加了@CrossOrigin注解，并且配置了正确的请求路径。 通过检查以上几个方面，你可以找到并修复后台地址配置不正确导致的跨域报错问题。 #### 引用[.reference_title] - *1* [跨域问题报错](https://blog.csdn.net/weixin_45410366/article/details/124704631)[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_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [前端服务请求后台接口，返回跨域报错问题解决](https://blog.csdn.net/rookiediary/article/details/114931743)[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_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值