vue中使用a标签前端下载文件，涉及跨域

最新推荐文章于 2024-07-25 16:00:00 发布

m0_61073208

最新推荐文章于 2024-07-25 16:00:00 发布

阅读量2.3k

点赞数

分类专栏：前端文章标签： html5

本文链接：https://blog.csdn.net/m0_61073208/article/details/124040063

版权

本文介绍了在Vue项目中使用a标签下载文件时遇到的跨域问题及解决方案。通过设置跨域配置和调整文件路径，实现了前端直接下载，但不支持所有浏览器，如IE仍会打开预览窗口。

摘要由CSDN通过智能技术生成

做项目遇到一个需要下载文件的地方，不想折腾，意外发现a标签可以下载文件。

这是W3CSchool的示例：

实际操作后，发现每次都是弹出预览窗口

<a href="http://localhost:3320/items/upload_d3a866143d54eb08e6b81d2550a3652a.pdf" 
download="测试">下载</a>

首先排除掉HTML版本的影响，因为直接就是带了“<!DOCTYPE html>”的；

后面看到大家都说这个资源不能跨域，都要采取先缓存到前端，再给下载。

这样太麻烦了，既然只是跨域问题，一般的请求可以设置，那静态资源请求也是一样的呀！

注意点一，配置文件设置好跨域：

assetsSubDirectory: "static",
    assetsPublicPath: "/",
    proxyTable: {
      "/api": {

关注

专栏目录