web前后台对接 下载excel报错跨域处理

最新推荐文章于 2023-12-29 20:19:18 发布
最新推荐文章于 2023-12-29 20:19:18 发布
阅读量2.4k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： web开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/sinat_36454672/article/details/96430619
本文介绍了解决前端访问下载Excel功能时遇到的跨域问题。即使已配置跨域，有时仍然会遇到访问限制。文章提供了直接访问接口地址的方法来解决这一问题。

下载excel功能,   访问请求可以下载文件。 

浏览器访问接口

 

对接时如果报错误如下,    如果做了跨域设置,  还是报错,  可能是前端处理的问题，   直接访问接口地址即可。

uniapp [全端兼容] - 详细实现“纯前端“直传阿里云OSS功能，将各种文件pdf/doc/xls/ppt/txt/图片/音频/视频从本地快速秒传传到阿里云oss，全平台前端直传无需后端服务器！
🏆 前端领域优质创作者
06-29 1万+
uni-app，h5移动端网页，微信小程序，支付宝小程序，Android安卓，苹果ios，app，nvue，阿里云oss，小程序阿里云oss上传文件，直接将文件上传到阿里云OSS，不经过后端，纯前端直传，不用后端可以直接在前端上传吗，阿里云oss上传，配置教程，阿里云oss配置，摄像头拍照或相册选取上传到阿里云，前端阿里云oss上传文件，office文档文件word文档/excel电子表格/ppt演示文稿、pdf文档/doc/ppt/xls/txt/mp3/mp4，上传文件图片视频等资源到OSS，上传报错，
Vue - 超详细 “纯前端“ 将文件上传到阿里云 OSS 对象存储，最新阿里云 SDK 上传音频、视频、图片、文档、office 等（保姆级详细示例源码教程，每行代码都有注释小白一看就懂）
🏆 前端领域优质创作者
02-27 2151
vue上传阿里云oss，vue项目中上传文件到阿里云oss方法适合小白的教程，vue如何将本地文件上传到阿里云OSS存储，纯前端vue实现阿里云OSS上传图片、视频，vue上传文件到阿里云OSS，vue上传阿里云oss简易详细教程，Vue纯前端直传至阿里OSS对象存储小白教程，vue3，vite，阿里云oss存储，vue3前端直传oss，vue3上传图片/office文档/音视频/zip压缩包到阿里云oss，vue3项目中上传文件到阿里云oss详细教程，vue3如何将本地文件上传到阿里云OSS存储，vue
数据导出excel报No 'Access-Control-Allow-Origin' header is present on the requested resource. 跨域问题！
Stone.鱼儿的博客
09-25 5183
首先网上一大推解决跨域问题的解决方法，大致有三种方法 方法1： /** * 解决跨域 */ @Configuration public class CorsFilter implements WebMvcConfigurer{ public void addCorsMappings(CorsRegistry registry) { registry.addM...
解决前端跨域的几种方法
Wonder
02-28 3832
拿Vue项目说，在本地运行npm run dev等命令时实际上是用node运行了一个服务器，因此proxyTable实际上是将请求发给自己的服务器，再由服务器转发给后台服务器，做了一层代理，因此不会出现跨域问题。JSONP是一种比较古老的解决方案，这种方案没有兼容性问题，基本都可以使用，但是它所解决的问题比较有限，且对服务端接口有一定的要求，只支持get请求，不支持post，请求回来的东西当做js来执行。若不符合前述条件，则会通过预检请求，确认是否可以通过服务器的限制，然后才会发送正式的请求。
vue element ui 跨域问题
qq_30346433的博客
05-13 1895
1、后台进行支持。 httpServletResponse.setHeader("Access-control-Allow-Origin", httpServletRequest.getHeader("Origin")); httpServletResponse.setHeader("Access-Control-Allow-Methods", "GET,POST,OPTIONS,PUT,DE...
后台已设置允许跨域，但前台依然报跨域问题
amine520的博客
12-21 6152
后台已经设置允许跨域，但是前台依然报错。 public class CorsFilter implements Filter{ @Override public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain chain) throws IOException, ServletException { HttpServletRequest request = (
springboot配置好跨域后，下载文件仍然报跨域错误
wq123123423432的博客
05-12 483
将response.reset()注释掉；因为reset()会将应答头resq中的跨域标识都清除掉。
帆软报表 异常汇总及方案.
热门推荐
08-30 2万+
164.导出excel 0kb 内存不够或者磁盘空间不足 163.Unresolvable Operation:mobile in class ReportDispatcher 排除jar包和插件影响的话，可能是LIC里面没有决策平台功能点 162.客户嵌入我们的url时出现报错Refused to display 'URL' in a frame because it set ...
通过Python实现物联网金橙子自动打标
lylelo的博客
10-13 2960
对于自家公司使用金橙子打标卡时，为了与生产线或者PLC联动等，往往需要对金橙子打标卡进行二次开发，而在二次开发中不得不涉及到MarkEzd.dll这个文件，而这个dll文件网上版本多不说，一般都没法直接使用，最后还不得不花大价钱购买专用库。而本文针对这个问题，涉法通过python来绕过MarkEzd.dll文件，直接进行自动化控制EzCad来实现联动，可应用于实际生产。文章最后拓展一下以物联网的形式，实现手机平台等登录网页，输入想要的印字内容后，远程打印的案例。
前端服务请求后台接口，返回跨域报错问题解决
rookiediary的博客
03-17 3336
解决此类问题的方法很多，有需要客户端和服务端都要更改的，例如jsonp，iframe等等；有只需要客户端更改的，这种情况只能出现在hybrid app开发中，即通过调用native方法来进行网络请求；有只需要服务端配置的，下面介绍3种服务端配置的方法。 第一种 如果您使用的mvc框架是spring4.2以上的话，一个@CrossOrigin就可以搞定。将@CrossOrigin加到Controller上，那么这个Controller所有的请求都是支持跨域的，代码如下： @Controller @Cr
Vue+springboot实现excel导出和zip导出，需二进制返回及跨域问题
最新发布
ourenyou的博客
12-29 814
vue 中main.js文件，如果有mock，一定要去掉，要不然会自动删除responseType类型。js 部分代码，我用的是ts封装axios 提供了多种方式。压缩文件工具类 FileToZip.java。response返回结果判断并返回。index.vue重要部分代码。在pom文件中添加对应的依赖。Excel导入导出工具类。//调用zip流的接口。//调用xls流的接口。实体类ScoreVo。
ajax调用文件下载接口出现跨域问题
qq_70090757的博客
11-17 741
ajax下载文件跨域问题
vue前端调后台接口下载excel文件
小方块的世界
02-28 3350
后台提供下载接口，可传参数 使用get方法 window.location.href = '/api/xxx/xxx?params' window.open('/api/xxx/xxx?params') <a href="/api/xxx/xxx?params" download="excel.xls">export</a> get方法参数拼接 /...
导出excel文件时跨域问题的解决方案
weixin_48895016的博客
08-22 3276
跨域问题的出现以及对应的解决方案
通过vue调用后端下载Excel文件乱码问题
p393975269的博客
08-20 4382
前端代码： import { downloadMedicalCooperOrgList } from ‘@/api/medicalCooperOrgManger.js’ import Vue from ‘vue’ // 导出excel文件 export default{ Export(path, fileName, data) { return downloadMedicalCooperOrgLi...
Excel文件下载失败，vue下载Excel文件失败解决方法
weixin_liutao的博客
06-04 2574
最近做导出功能，发现一个问题，后端导出功能正常，用postman测试正常能导出，但是前端vue却无法下载，原因是无法获取响应头中的Content-Disposition（可替换是 *），记录一下小问题。 response.setHeader("Access-Control-Expose-Headers", "Content-Disposition"); ...
关于vue前端axios调用后端接口下载excel文件
Benz_s600的博客
11-18 1808
1.api文件夹中定义的下载接口 tpis:这里的responseType需要设置成blob //点击导出，导出数据表格 export function exportTable(data,params){ return axios({ url:'/api/conversation/excel/export', method:"post", data:data, params:params, responseType:'blob', headers:{ 'Content-Typ
java Excel文件流输出(后台)没有下载提示
a549116349的博客
08-12 1312
/**方案： *1. *问题源头应该是前端用的是ajax方式请求路径，要想出现下载Excel的弹窗，我个人理解应该是等同于重新打开一个窗口，而ajax默认不动页面直接将值返回，所以没有提升下载。 *解决办法：将访问方式ajax改成 location.href = url就行了。 *2.<a href="/ExportData" >报表导出<...
1、解决vue调用后端下载Excel文件出现乱码问题
伦伦的博客
07-27 1万+
这是我定义的后台接口 //导出数据接口 export function getZTPJExportData(data){ return request({ url:"/sxc/newEnergyPowerForecast/overallEvaluation/doExportData", method:"get", params:data, responseType:'blob',//将文件流转成blob对象 noEr
think后台 前台报错跨域问题
07-16
关于后台和前台报错跨域问题，我可以给你一些常见的解决方法。首先，跨域问题是由浏览器的同源策略引起的，即只有在同一域名、端口和协议下的请求才会被允许。 下面是几种常见的解决方法： 1. JSONP：JSONP是一种...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值