如何根据后端返回的URL下载JSON文件？

本文共计1571个文字，预计阅读时间需要7分钟。

目录+需求场景描述+实现思路分析+完整的demo+示例+总结+需求场景描述+可能会遇到异步接口，接口会返回一个url，然后前端需要根据这个url去下载文件资源的需要场景。

目录

• 需求场景描述
• 实现思路分析
• 完整的 demo 示例
• 总结

需求场景描述

有时候会遇到异步接口会返回一个 url 地址，然后前端需要根据这个 url 地址去下载文件资源的需求场景。 而这个 url 其实是一个静态资源地址，并非一个经过后端接口内部处理的接口地址。 所以当尝试像下面这样使用 a 标签去执行该 url 地址，会发现它是直接预览打开的一个 json 文件（也可能是一个txt，js等文件）

<a href=" 192.168.0.172:8888/file/package.json" rel="external nofollow" download="package.json">下载json</a>

在浏览器窗口直接打开该 url ，会发现它也是直接打开了这个 json 文件。txt，js，css 等可访问的静态资源地址也会被直接打开（这或许叫预览，两种形式，一种是预览文件，另一种是下载文件）而不是下载。