SSM+Vue面对的跨域问题

错误

已拦截跨源请求：同源策略禁止读取位于 http://localhost:8181/findTags 的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-Origin'）。

原因

前端使用vue技术，后端使用SSM技术，前后端分离，代码都是单独写的，所以发生了跨域问题。

前端服务器的地址为：http://localhost:8080/#/

后端服务器的地址为：http://localhost:8181/#/

两个源的端口号不同，属于端口跨域，所以需要解决这个问题。

解决

解决方式之一就是在后端的SSM代码中添加一个@CrossOrigin注解。

前端代码使用axios以及vue-cli完成：

示例代码如下：

然后重新运行前端与后端项目。

更多关于该注解的使用，可以百度查询。