错误信息放到一个.txt文件
2022-09-01 16:55:58 更新 浏览量: 360
| 上一章：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文档如下图所示：
陕公网安备 61012402000223号