vue修改浏览器下载文件默认名字

/**

* 通过url下载文件并对下载的文件更名

* @param {*} url

* @param {*} filename

*/

export const downloadFile = (url, filename) =>{

function getBlob (url) {

return new Promise(resolve =>{

const XML = new XMLHttpRequest()

XML.open('GET', url, true)

XML.responseType = 'blob'镇历局

XML.onload = () =>{

if (XML.status === 200) {

resolve(XML.response)

}

}

XML.send()

})

}

//下载文件

function saveAs (blob, filename) {

const elelink = document.createElement("a")

elelink.style.display = 'none'

elelink.download = filename

elelink.href = window.URL.createObjectURL(blob)

document.body.appendChild(elelink)

elelink.click()

document.body.removeChild(elelink)

}

// 调用烂裂以上方法进行下载

getBlob(url).then(blob =>{

saveAs(blob, filename)

})

}

页面使用方法 filename可以按需自由拼接

引入方法

import {downloadFile} from "../../utils/regular.js"

在click方法里面调用

downloadFile(url,filename)

文章

怎么在我们的Vue项目中设置自定义的网站图标：

首茄竖好先我们需要先制作个ico图颤铅标，大小为32*32的，放到static文件夹下，我们把制作好的ico图片改名为：favicon.ico（注：必须改名），放到我们项目中的static文件夹下。

分别在webpack.prod.conf.js和webpack.dev.conf.js里面配置ico图标路径：添加代码：favicon: path.resolve('static/img/favicon.ico') // 设置网站图标，即可。