解决java后端跨域

当前端Vue应用运行在80端口,后端服务在8080端口时,由于CORS政策导致axios请求被阻止。解决方法包括在后端控制器添加@CrossOrigin注解,配置允许的源,以及创建一个CorsFilter类,设置Access-Control-Allow-Origin等头部信息。此外,还需在application.properties中配置filter以启用跨域过滤器。
摘要由CSDN通过智能技术生成

前端vue运行在80端口
后端运行在8080端口
axios报错:

Access to XMLHttpRequest at 'http://127.0.0.1:8080/emp' from origin 'http://localhost' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

解决方法

在controller类中添加注解



import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.RestController;

@RestController
@CrossOrigin(origins = {"http://localhost:8080"}, maxAge = 3600)

添加一个配置类

package com.example.guanlixitong.config;

import org.springframework.stereotype.Component;

import javax.servlet.*;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@Component
public class CorsFilter implements Filter {

   @Override
   public void init(FilterConfig filterConfig) throws ServletException {
       // 初始化方法
   }

   @Override
   public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException {
       HttpServletResponse httpResponse = (HttpServletResponse) response;
       // 设置允许跨域请求的域名和请求头信息
       httpResponse.setHeader("Access-Control-Allow-Origin", "*");
       httpResponse.setHeader("Access-Control-Allow-Methods", "*");
       httpResponse.setHeader("Access-Control-Allow-Headers", "*");

       chain.doFilter(request, response);
   }

   @Override
   public void destroy() {
       // 销毁方法
   }
}


在application.properties配置

spring.servlet.filter.order=0
spring.servlet.filter.name=corsFilter
spring.servlet.filter.type=generic
spring.servlet.filter.enabled=true

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Java后端应用中,你可以通过配置过滤器(Filter)或使用注解来实现跨域请求的配置。以下是两种常见的方法: 1. 使用过滤器(Filter): 创建一个实现了`javax.servlet.Filter`接口的过滤器类,并在其中设置响应头来允许跨域请求。以下是一个示例: ```java import javax.servlet.*; import javax.servlet.http.HttpServletResponse; import java.io.IOException; public class CorsFilter implements Filter { @Override public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException { HttpServletResponse response = (HttpServletResponse) servletResponse; response.setHeader("Access-Control-Allow-Origin", "*"); response.setHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE"); response.setHeader("Access-Control-Allow-Headers", "Content-Type, Authorization"); filterChain.doFilter(servletRequest, servletResponse); } // 其他方法 } ``` 在上述代码中,我们在`doFilter`方法中设置了允许所有来源(`*`)的请求访问,并指定了允许的请求方法和请求头。你可以根据需要自定义这些配置。 然后,在你的应用中进行配置,例如使用`web.xml`文件: ```xml <filter> <filter-name>CorsFilter</filter-name> <filter-class>com.example.CorsFilter</filter-class> </filter> <filter-mapping> <filter-name>CorsFilter</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> ``` 这样,所有的请求都会经过`CorsFilter`过滤器,从而允许跨域访问。 2. 使用注解: 如果你使用的是Spring框架,可以使用`@CrossOrigin`注解来实现跨域配置。在需要允许跨域请求的控制器方法上添加该注解即可。以下是一个示例: ```java import org.springframework.web.bind.annotation.*; @RestController public class MyController { @CrossOrigin(origins = "*", methods = {RequestMethod.GET, RequestMethod.POST, RequestMethod.PUT, RequestMethod.DELETE}) @RequestMapping("/api/example") public String example() { // 处理逻辑 } // 其他方法 } ``` 在上述代码中,我们在`example`方法上添加了`@CrossOrigin`注解,并指定了允许所有来源(`*`)的请求访问,并且允许的请求方法。 请注意,以上示例只是一种常见的实现方式,具体的配置方法会根据你使用的框架和服务器环境而有所不同。根据实际情况进行调整和适配。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值