关于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 开发项目的实例了 ,有很多不足之处,楼主培训出生,目前就在一家小公司上班,加班很厉害,加上开发部门就前段后后端各一个人。发现没有人可以一起讨论,只有在百度上一点一点的吸取前人的经验了,帮助很大。有其他疑惑我能解决的话 我会尽量回复。谢谢大家支持。
项目已经上线了 但是我真的没啥脸拿出来。这个是我第一个项目。但是也就只能这样了,我不甘止步于此,但是我也不知道我今后要怎么发展。我可以有自己的思路,但是一个人的后端,对于现在低水平的我 还是太困难了。
以上是 关于java后端与vue-cli 项目开发项目实际例子 的全部内容, 来源链接: utcz.com/z/377153.html