下载json文件，解决浏览器对JSON文件链接直接打开问题

最新推荐文章于 2024-05-06 16:08:57 发布

AsBefore麦小兜

最新推荐文章于 2024-05-06 16:08:57 发布

阅读量7.6k

点赞数 1

分类专栏：前端相关文章标签： vue.js javascript json

本文链接：https://blog.csdn.net/qq_33878858/article/details/107763546

版权

在Vue.js项目中，当尝试通过a标签下载JSON文件时，浏览器通常会默认新窗口打开。本文介绍如何创建一个JS方法，使JSON文件能够正确触发下载，而不是在浏览器中显示内容。通过引入download.js文件并在.vue组件中调用相关方法，可以实现JSON文件的下载功能。测试表明该方法有效。

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

一般下载都是在a标签里面防止文件链接，就可以直接下载，但对于text,json东风文件的链接，浏览器自动在新窗口打开，

所以，想要下载，需要右键另存，当前这篇主要事解决这个问题当人你也可以用此方法试试其他直接在浏览器中打开的文件

首先，建一个js文件导出其中的方法我是在vue项目于里面使用

download.js

//download.js v3.0, by dandavis; 2008-2014. [CCBY2] see http://danml.com/download.html for tests/usage
// v1 landed a FF+Chrome compat way of downloading strings to local un-named files, upgraded to use a hidden frame and optional mime
// v2 added named files via a[download], msSaveBlob, IE (10+) support, and window.URL support for larger+faster saves than dataURLs
// v3 added dataURL and Blob Input, bind-toggle arity, and legacy dataURL fallback was improved with force-download mime and base64 support

// data can be a string, Blob, File, or dataURL

         
                         
export function download(data, strFileName, strMimeType) {
    
  var self = window, // this script is only for b