a标签实现静态资源的下载

功能的使用情景：公司的项目需要下载用户操作手册和浏览器的压缩包，方便用户操作。（vue项目）

实现方式：把需要下载的文件放在public公共文件夹下。然后用a标签的下载功能进行下载。

文件位置：

代码：

 

注意：1.a标签的href路径要是网络路径，所以通过url（）这个方法进行转换。

           2.a标签必须要加上download属性。（加了这个属性才能实现下载，为啥那？自己去搜一搜a标签的download属性）

           3.href中的路径必须符合同源策略才能实现下载，不同源的路径会被浏览器打开而不是下载。

 

问题：下载下来的word文件可能会打不开，解决方法：