vue文件是什么文件（vue下载文件以及文件重命名方式）
导读：vue下载文件及文件重命名 http Content-type对照表大家自行百度...
vue下载文件及文件重命名
http Content-type对照表大家自行百度
/**
* 下载文件以及文件重命名
* @param item 文件在数据库中存储信息
* @param that this别名
*/
export function downFile(item, that) {
// xxx是后台接口 ， yyy是后台需要的数据
// {responseType: blob}必须添加 ，否则下载的文件会出现乱码
that.$axios.post(xxx, {
yyy
},
{
responseType: blob
}).then(res = >{
if (res.status === 0) {
let types =
// 判断文件类型 ，补充type
if (item.file_type === xlsx || item.file_type === xls) {
types = application/vnd.ms-excel
} else if (item.file_type === png) {
types = application/x-png
} else if (item.file_type === jpg) {
types = application/x-jpg
} else if (item.file_type === jpeg) {
types = image/jpeg
}
// res.data是后台返回的二进制数据 ，type:types为下载的数据类型
const blob = new Blob([res.data], {
type: types
}) const downLoadEle = document.createElement(a) const href = URL.createObjectURL(blob) downLoadEle.href = href
// ooo为自定义文件名
downLoadEle.download = ooodocument.body.appendChild(downLoadEle) downLoadEle.click() document.body.removeChild(downLoadEle) window.URL.revokeObjectURL(href)
}
})
}
页面引用即可
import {downFile} from .xx/xxx/xxx
click(item) {
const that = this
downFile(item, that)
}
vue项目如何改名
在对应的文件资源管理器中重命名到你想要更改的名字（比如这里从hello改成vuejs2）
把项目的node_modules文件夹删除（就是删掉你这个文件夹已有的依赖 ，别慌 ，过会可以重新下回来）
找到项目中的package.json文件 ，
然后重新加载一下依赖项 ，在对应目录的cmd输入npm install
等依赖加载完后 ，项目就成功重命名了！！
以上为个人经验 ，希望能给大家一个参考 ，也希望大家多多支持本站 。
声明：本站所有文章 ，如无特殊说明或标注 ，均为本站原创发布 。任何个人或组织 ，在未征得本站同意时 ，禁止复制 、盗用 、采集 、发布本站内容到任何网站 、书籍等各类媒体平台 。如若本站内容侵犯了原著者的合法权益 ，可联系我们进行处理 。
创心域SEO版权声明：以上内容作者已申请原创保护，未经允许不得转载，侵权必究！授权事宜、对本内容有异议或投诉，敬请联系网站管理员，我们将尽快回复您，谢谢合作！