vue前端访问spring boot后端出现的跨域问题

Question

之前用http接口的时候跨域问题已经解决了，现在pom文件中配置了ssl证书后，写了http转https，postman通过http和https都可以访问到数据，但是vue前端调用接口就会出现跨域问题

Answer 1

晚上好🌙🌙🌙
本答案参考ChatGPT-3.5

在Vue前端访问Spring Boot后端时出现跨域问题，具体解决方法如下：

1. 配置Spring Boot后端允许跨域访问： 在Spring Boot后端的配置类中增加跨域配置，例如使用@CrossOrigin注解或添加自定义跨域过滤器。

2. 在Vue前端中设置请求头： 在Vue前端发送请求时，在请求头中加入Access-Control-Allow-Origin字段并设置为Spring Boot后端的URL地址，即允许跨域访问。

3. 使用代理解决跨域问题： 在Vue的配置中，可以使用开发服务器的代理功能来转发请求，解决跨域问题。具体配置在vue.config.js文件中，增加devServer字段，并设置proxy属性。

4. 使用JSONP： 如果前端使用的是JSONP调用后端接口，可考虑将接口封装成JSONP形式返回给前端，这样可以绕过跨域问题。

5. 设置nginx代理： 在生产环境中使用nginx作为反向代理，配置nginx来处理跨域问题。具体配置可参考nginx文档。

请根据你的实际情况选择适合你的解决方法，并按照对应方法进行配置和调整代码。