vue 下载本地静态文件

你可以使用Vue.js中的axios库来下载本地静态文件。

首先，需要在Vue.js项目中安装axios库，可以使用以下命令进行安装：

npm install axios --save

然后，在需要下载文件的组件中，可以使用以下代码：

import axios from 'axios'

export default {
  methods: {
    downloadFile() {
      axios({
        url: '/path/to/file',
        method: 'GET',
        responseType: 'blob',
      }).then((response) => {
        const url = window.URL.createObjectURL(new Blob([response.data]));
        const link = document.createElement('a');
        link.href = url;
        link.setAttribute('download', 'file.pdf');
        document.body.appendChild(link);
        link.click();
      });
    },
  },
};

在上面的代码中，我们使用axios发送一个GET请求来获取文件的二进制数据，并将`responseType`设置为`blob`，以便于处理响应数据。

接着，我们创建一个URL对象并将响应数据包装成一个Blob对象，然后创建一个下载链接并将其添加到页面上。最后，我们模拟点击下载链接，以便将文件下载到本地。

注意，需要将`url`变量中的`/path/to/file`替换为实际文件的路径。