vue实战

错误信息放到一个.txt文件

2022-09-01 16:55:58 更新   浏览量: 307
上一章:Vue根据权限获取页面按钮显示与隐藏 下一章:使用VuePress搭建在线文档网站

前端开发中后台返回报错信息过多,需要我们自己把错误信息放到一个.txt文件

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue错误信息放到一个.txt文件 - 前端教程(qianduan.cn)</title>
<script src="https://www.qianduan.cn/static/js/vue.min.js"></script>
</head>
<body>
<div id="app">
<p>{{ message }}</p>
<button type="button" @click="download()">下载后台返回的数据</button>
</div>

<script>
new Vue({
el: '#app',
data: {
message: 'Hello qianduan.cn!'
},
methods: {
download(){
var text = '后台返回错误: 27399218210xx479974947dewefegdfgcgdsg'; // 后台返回错误的信息
var blob = new Blob([text], { type: "text/plain"});
var a = document.createElement("a");
a.download = "后台返回错误.txt";
a.href = window.URL.createObjectURL(blob);
a.target ="_blank";
a.style.display = "none"; // qianduan.cn!
document.body.appendChild(a);
a.click();
document.body.removeChild(a); //移除a标签
}
}
})
</script>
</body>
</html>

运行预览 »

点击下载按钮,如下图所示:


点开TXT文档如下图所示:


扫二微码
上一章:Vue根据权限获取页面按钮显示与隐藏 下一章:使用VuePress搭建在线文档网站

最近更新 免责声明 关于我们

Copyright © 2004-2021 前端教程 qianduan.cn All Rights Reserved   陕ICP备2021014585号-1 陕公网安备 61012402000223号 前端教程

友情链接:  前端工具 前端插件