概述

本文包括：Vue开发技术栈简介；axios上传文件的方法举例；常见的前端错误码。

Vue开发技术栈简介

        当前时间是2018年12月3日，强调时间是因为前端技术革新过快，接下来的技术栈在接下来的3年后甚至2年后可能不再是主流技术栈。同时也提醒读者朋友们，互联网行业，尤其是前端开发，搜索资料一定要关注发布时间，并且要实时关注行业发展，因为你找到的资料如果是过时的，那将会使你走一些不必要的弯路。

        目前我的全家桶是Vue、Vue-router（路由管理控制）、 Vuex（全局数据操作）、axios（辅助异步请求与响应）。界面UI目前借助element-UI做PC端，VUX做移动端。不了解的可以根据以上关键字百度学习。

axios上传文件

        本方法提交给后端的数据是formdata的形式，实际应用中具体形式请参照接口文档，或者直接与后端协商。下图为代码与注释。查看我的gitee代码点这里

图1 axios上传文件代码段

console中常见的错误码

404 not found

直译：找不到。

分析与解决：这种错误码是比较简单的错误，看到了也不用太担心，基本是由于url拼写错误。如果出现此问题先检查自己拼写与接口文档是否一致，如果一致，跟后端攻城狮确认接口文档中url拼写是否正确，后端代码是否确实提交了。

400 bad request

直译：屎一样的请求

分析与解决：这种错误也比较简单明显，提交的参数结构与后端准备接受的参数结构不匹配。同样先确认下接口文档，该写成对象的做没做对象，没有问题后，再向后端确认接口文档是否正确。

500 Internal Server Error

直译：系统内部错误

分析与解决：这种错误我们无能为力，直接提交给后台，我常见的是后台出现空指针，错误可大可小。

405 Method not allowed

直译：方式不被允许

分析与解决：get提交方式还是post提交方式，切换下就可以了。后台接收get方式，你使用的是post提交会报此错误码。

其他错误码原因多样，分析不易，请大家根据具体情况百度后者与后台攻城狮协同解决。