使用SPA项目开发之登录注册+ajax 跨域问题+axios 的 get/post 的区别+This 指针带来的变量污染
前言
相信大家对登录注册已经不陌生了吧，都写烂了的东西，今天我们要用vue-cli搭建SPA项目+Eclipse整合的SSH来实现我们的登录注册功能
实现效果：
所用工具：Eclipse+SSH框架( struts+spring+hibernate的一个集成框架) HBuilder+vue SPA项目
实现思路：我们需要登录账户密码 要从前端提交到后端去 需要 vue-resource，它可以通过XMLHttpRequest或JSONP发起请求并处理响应 通过post或者get提交到action里面去
实现过程：
1、spa项目完成登录注册布局
2、Spa项目完成登录功能
3、 ajax 跨域问题
4、axios 的 get/post 的区别（ qs 解决方法）
5、T his 指针带来的变量污染
在Eclipse里面导入事先整合好的项目和遇到的问题
由于SSH项目是事先写好专门用来测试项目的 和前面的版本不太一样
eclipse工程项目编译报错the import cannot be resolved解决方法
遇到的问题
the import cannot be resolved问题可以通过以下方法解决
1、clean项目，重新编译项目。
【解决】一般使用eclipse/myeclipse的菜单 project -> clean ..可以解决。同时最好选中Build Automatically选项。搜索
2、若是没有解决，不要着急，继续来。重新导入jar包。
【解决】右键项目->build path -> Config build path -> Libraries-> remove后，重新导入。
3、该项目有依赖项目需要重新导入依赖项目。
【解决】右键项目->build path -> Config build path -> project -> remove后，重新导入。
4、自动编译的class文件夹路径问题
【解决】右键项目->build path -> Config build path -> source-> 在对话框的最下侧有个Default output file:选项，可以选择项目再eclipse/myeclipse中编译后的class文件的路径，一般web项目的路径为{ProjectName}/web(WebRoot)/WEB-INF/classes，非web项目一般为{ProjectName}/classes。
5、问题还是存在的话，就超出这个问题的界限了，意思就是说可能就是其他的问题引起的错误。
【解决】其实也不算是解决。具体是什么问题引起的可以打开Problems对话框窗口查看。
原贴地址:
eclipse工程项目编译报错the import cannot be resolved解决方法
解决Failed to start component [StandardEngine[Catalina].StandardHost[localhost]]的方法
第一步：再pom.xml文件右键run as选择Maven test看是否报错，从报错信息中看缺失的包，如果没有报错，则进入第二步
第二步：在pom.xml文件下右键，run as选择maven build，再Goals下输入以下命令:clean install -U
原贴地址：
解决Failed to start component [StandardEngine[Catalina].StandardHost[localhost]]的方法
首先我们导入整合好的文件
我已经导入过一次所以报错
第一次会报各种错误 我报的错误都写上面了 如果不是自己百度下吧
然后运行
没问题
安装axios/qs/vue-axios
我们建好的SPA项目里面有个package.json文件里面可以看到我们下载的文件
npm install element-ui -S 饿了么出的一套ui框架 ， 常用来配合vue用的 我们需要在里面找组件用
npm install axios -S 我们如果要用axios就要下载这个模块
npm install qs -S 我们前面提到了axios的 get和post 请求 get请求是不会有任何错误的 post会报错 qs就是解决post报错的
npm install vue-axios -S 我们如果要在vue里用axios那么就要下载这个模块
下载完成 就只放一个图了麻烦
