关于java后端与vue-cli 项目开发项目实际例子

1、项目介绍：前段vue 采用脚手架进行开发（本人后端不太懂vue的原理什么路由什么的），后端java springmvc mybatis 采用跨域模式，所以前段axios请求方式都是“http://ip:端口号/项目名/接口“ 的形式进行交互。其中存在的问题暂时没发现，必定有弊端之处，还请前辈多指点。

2、环境和配置这些不细说，简单贴出一些配置信息

一些spring mvc 的配置 以及数据源的配置    与springmvc mybatis 项目一样，没什么区别，视图层配置这边不需要了  应为所使用的restfull 风格。

上图 为视图层配置（不需要）

以及注入方式均使用注解（这不做多解释了）

3、开发初期会遇到的问题：

    1.跨域问题：spring4.0以上有个注解（我记得是4以上 具体请到官方查看）在controller层类上添加

    “@CrossOrigin(origins = "*", maxAge = 3600)“注解就可以了，  origins=“*”，接受所有请求。

之前刚刚开发的时候发现vue访问不到后端 最后采用这种方式了，弊端请大佬指点。具体看图：

如果是全用json的方式返回信息的话  其实@Controller 可以换@RestController 这样的话 方法上就不用添加@ResponseBody注解了。

在方法上的话不用多说了：

开发的时候最好是加上请求方式（在@RequestMapping（value = "路径【可以是  /路劲  也可以不用/】" , method = RequestMethod.GET  或其他））。

这边有session  刚好这边也说明下，

在跨域请求中会遇到一个比较大的问题  就是session id 的问题，开发过程中发现前段请求后的session id 是不一致的解决方法我这边是在前段解决的，在ajax请求或（axios请求）中设置一个参数

 xhrFields: {
withCredentials: true
}

记得是可以全局设置的

具体设置可参考ajax（axios）请求参数设置，度娘很多，感谢度娘，感谢csdn ，感谢谷歌，感谢发帖的前辈们！

这些大点解决后就是其他的一些问题了  不做阐述了

结果：

上面红全就是请求后端的方式地址

以及接口放回的信息

以上便是vue 与java 开发项目的实例了  ，有很多不足之处，楼主培训出生，目前就在一家小公司上班，加班很厉害，加上开发部门就前段后后端各一个人。发现没有人可以一起讨论，只有在百度上一点一点的吸取前人的经验了，帮助很大。有其他疑惑我能解决的话 我会尽量回复。谢谢大家支持。

项目已经上线了  但是我真的没啥脸拿出来。这个是我第一个项目。但是也就只能这样了，我不甘止步于此，但是我也不知道我今后要怎么发展。我可以有自己的思路，但是一个人的后端，对于现在低水平的我 还是太困难了。