测试项目(三)-在后端解决跨域问题(后端跨域问题解决方案)

  本篇文章为你整理了测试项目(三):在后端解决跨域问题(后端跨域问题解决方案)的详细内容,包含有后端解决跨域的三种方法 后端跨域问题解决方案 后端解决跨域问题cors 后端跨域产生的原因和解决方法 测试项目(三):在后端解决跨域问题,希望能帮助你了解 测试项目(三):在后端解决跨域问题。

  前端的端口为:localhost:8080/#/

  后端请求数据端口为:localhost:8011/mydb/getUsers

  直接启动项目后,会发现报错

  

  出现了跨域问题

  

  1.1.为什么会产生跨域问题?

  答:为了安全,

  为什么浏览器不能跨域 - AlvinWei - (cnblogs.com)

  

  

  来个通俗的例子:

  原本你一个函数:付款给www.zhifubao.com

  你这个网页的服务器就是 www.zhifubao.com

  但是被人篡改成了 付款给www.pingduoduo.com

  然后钱就莫得了,

  当然不止如此,

  当然还有很多数据安全之类的问题

  

  2.那么我们如何解决?

  在前端,后端,服务器都能解决这个问题,

  前端多数是不安全的,

  所以我们在后端解决

  

  来,在后端项目中添加CrosConfig类

  

  CrosConfig类代码如下:

  

package com.example.demo2.config;

 

  import org.springframework.context.annotation.Configuration;

  import org.springframework.web.servlet.config.annotation.CorsRegistry;

  import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

  @Configuration

  public class CrosConfig implements WebMvcConfigurer {

   @Override

   public void addCorsMappings(CorsRegistry registry) {

   registry.addMapping("/**")

   .allowedHeaders("*")

   .allowedMethods("*")

   .maxAge(1800)

   .allowedOrigins("*");

  }

 

  

  重新启动后端,就可以解决了

  

  以上就是测试项目(三):在后端解决跨域问题(后端跨域问题解决方案)的详细内容,想要了解更多 测试项目(三):在后端解决跨域问题的内容,请持续关注盛行IT软件开发工作室。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: