springboot如何实现前后端分离跨域访问

 更新时间:2023年12月15日 09:37:42   作者:古甲哈醒  
这篇文章主要介绍了springboot如何实现前后端分离跨域访问问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

在springboot项目中,前端html页面和后端api接口是分离的,实际项目部署的时候也是分开部署的。

这样由于IP不同或者端口不同,就存在跨域问题,导致html无法调用api。

为解决此问题,实际项目部署的时候一般有三种解决方案:

(1)使用Nginx反向代理

使用Nginx反向代理,根据访问路径进行拦截,如果是html则指向静态页,如果是api,则把请求跳转到api的访问地址。

一般这是大部分项目推荐使用的部署方式

具体Nginx配置如下:

http {
    include       mime.types;
    default_type  application/octet-stream;

    sendfile        on;
    keepalive_timeout  65;

    #前端页面服务器
    server {
        #监听端口和域名
        listen       8080; 
        server_name  localhost;

        #添加头部信息
        proxy_set_header Cookie $http_cookie;
        proxy_set_header X-Forwarded-Host $host;
        proxy_set_header X-Forwarded-Server $host;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        
        #拦截api接口访问
        location /api/ {              
               proxy_pass http://localhost:8080/;  #注意:使用代理地址时末尾记得加上斜杠"/"。      
        }
        
        #拦截静态页html
        location / {
               root   html/www;  #注意:使用"/"拦截全路径的时候记得放在最后。
               index  index.html index.htm;  #index表示首页 
        }           
        
    }
}

(2)将api和html部署在同一个tomcat

由于跨域是IP和端口不同导致的,那么将html和api部署在同一个tomcat中,就不存在跨域问题。

只需将springboot项目打成war包和html部署在一就行,简单方便。

这种方式只适合小型项目,一般不推荐

(3)在springboot代码层面允许跨域

在springboot项目代码层面加入支持跨域配置,也可实现跨域访问。

这种方式适合开发调试阶段使用

一般都要求边开发边调试,我就是与前端人员进行同步开发调试,在代码层面开启跨域访问,开发调试起来非常方便。

springboot开启跨域支持非常简单,只需要在启动类中配置WebMvcConfigurer,并重写addCorsMappings方法即可。

@Configuration
public class MyMvcConfig {

    @Bean
    public WebMvcConfigurer  webMvcConfigurer(){
        return new WebMvcConfigurer() {

            //配置跨域
            @Override
            public void addCorsMappings(CorsRegistry registry) {
                registry.addMapping("/**")     //允许的路径
                        .allowedMethods("*")     //允许的方法
                        .allowedOrigins("*")       //允许的网站
                        .allowedHeaders("*")     //允许的请求头
                        .allowCredentials(true)
                        .maxAge(3600);
            }
}

总结

以上三种方式均可解决跨域问题。

  • 方法1是推荐的部署方式;
  • 方法2是适合小项目;
  • 方法3是推荐开发调试阶段使用

好了,这些仅为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 通过代码实例深入解析Java重写和重载

    通过代码实例深入解析Java重写和重载

    这篇文章主要介绍了通过代码实例深入解析Java重写和重载,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-11-11
  • java实现单链表之逆序

    java实现单链表之逆序

    这篇文章主要介绍了应用java语言实现单链表逆序,,需要的朋友可以参考下
    2015-07-07
  • Servlet3.0学习总结之基于Servlet3.0的文件上传实例

    Servlet3.0学习总结之基于Servlet3.0的文件上传实例

    本篇文章主要介绍了Servlet3.0学习总结之基于Servlet3.0的文件上传实例,具有一定的参考价值,有兴趣的可以了解一下
    2017-07-07
  • Logstash配置Java日志格式的方法小结

    Logstash配置Java日志格式的方法小结

    Logstash 是用于日志收集的开源工具,通常与 Elasticsearch 和 Kibana 一起使用,形成 ELK Stack,Logstash 非常灵活,可以通过配置文件(通常是 .conf 文件)来定义数据的输入、处理和输出,本文给大家介绍了Logstash配置Java日志格式的方法,需要的朋友可以参考下
    2024-09-09
  • Java concurrency集合之ConcurrentSkipListMap_动力节点Java学院整理

    Java concurrency集合之ConcurrentSkipListMap_动力节点Java学院整理

    这篇文章主要为大家详细介绍了Java concurrency集合之ConcurrentSkipListMap的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • java之super关键字用法实例解析

    java之super关键字用法实例解析

    这篇文章主要介绍了java之super关键字用法实例解析,较为详细的分析了super关键字的用法及内存分布,需要的朋友可以参考下
    2014-09-09
  • Java多线程死锁示例

    Java多线程死锁示例

    这篇文章主要介绍了Java多线程死锁,结合实例形式分析了Java多线程出现死锁的相关原因与操作注意事项,需要的朋友可以参考下
    2018-08-08
  • 一个合格JAVA软件工程师应该具备什么

    一个合格JAVA软件工程师应该具备什么

    一个合格JAVA软件工程师应该具备哪些专业技能,面试技巧是什么?本文为大家分享了2016版最新Java软件工程师就业思维图,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • Java计算两个字符相似度的几种常用方法

    Java计算两个字符相似度的几种常用方法

    这篇文章主要给大家介绍了关于Java计算两个字符相似度的几种常用方法,这是一个很实用的功能,该方法需要传入两个字符串,经过计算会返回两个字符串的相似度,需要的朋友可以参考下
    2023-10-10
  • java发送邮件及打开状态判断分析实例

    java发送邮件及打开状态判断分析实例

    这篇文章主要为大家介绍了java发送邮件及打开状态判断分析实例
    2023-12-12

最新评论