如何解决前后端分离开发,跨域问题(后端解决)

如何解决前后端分离开发,跨域问题(后端解决)

1.前后端开发遇到跨域问题,前端一般会报这样的错误,请求直接被浏览器直接拦截,并不会引起后端报错,但是后端确实存在问题。
在这里插入图片描述
2.首先我们要再meavn项目中引入解决跨域问题的依赖

<!--跨域配置-->
        <dependency>
            <groupId>com.thetransactioncompany</groupId>
            <artifactId>cors-filter</artifactId>
            <version>2.5</version>
        </dependency>

3.在web.xml中配置相应的过滤器

 <!--跨域-->
    <!--加入跨域过滤器配置-->
    <filter>
        <filter-name>CORS</filter-name>
        <filter-class>com.thetransactioncompany.cors.CORSFilter</filter-class>
    </filter>
    <filter-mapping>
        <filter-name>CORS</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

4.然后在springmvc的配置文件中,跨域问题的相关配置注入容器

<mvc:cors>
        <mvc:mapping path="/**"
                     allowed-origins="*"
                     allowed-methods="*"
                     allowed-headers="*"
                     allow-credentials="true"/>

    </mvc:cors>

到这里后端解决跨域的问题就解决了,当然还需要前端作相应的修改,才能将跨域问题彻底解决掉,但是由于前端接触较少,所以前端部分就不是太了解了。

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值