什么？原来前端错误上报这么简单！！

主要观点总结

文章介绍了如何搭建一个用于监控Vue项目错误的Node.js服务。服务包括部署后台服务、收集前端错误、提交信息到后台分析源码位置及记录日志，以及使用不同的方式处理js、vue和window的错误。通过解析source map文件，找出源代码中的错误位置。同时，服务还提供了上传js.map文件的功能，以便更准确地解析错误。最后，文章还介绍了如何在服务器上持久化运行该服务，以及如何处理跨域问题。

关键观点总结

关键观点1: 部署后台服务

使用express搭建后台服务，监听前端发送的错误信息。

关键观点2: 收集前端错误

使用try-catch、window.addEventListener、unhandledrejection等方式收集前端错误。

关键观点3: 提交信息到后台分析源码位置及记录日志

通过Ajax将错误信息发送到后台，并在后台解析source map文件，找出源码中的错误位置。

关键观点4: 处理js、vue和window的错误

使用不同的方式处理同步、异步、资源加载、Promise、async/await的错误，并通过Vue的全局错误处理函数收集vue错误。

关键观点5: 上传js.map文件

在打包Vue项目时，将js.map文件上传到服务器，以便更准确地解析错误。

关键观点6: 在服务器上持久化运行服务

使用pm2在服务器上运行Node.js服务，实现服务的持久化运行。

关键观点7: 处理跨域问题

在服务端设置CORS，允许特定的来源访问该服务。