后端已經配置允許跨域,但是前端依然報錯跨域問題的解決方法

　　postman測試接口正常,如圖:

　

　　后端也已經配置允許跨域,我覺得問題應該是配置了但是沒有進到這里吧,因為其他接口在前端是能夠正常訪問的,貼上配置代碼:

@Component
@Slf4j
public class AccessFilter implements HandlerInterceptor {

    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        this.accessConfig(response);
        return true;
    }
    /**
     * 配置跨域
     *
     * @param response
     */
    private void accessConfig(HttpServletResponse response) {
        log.debug("我進來了嗎第二層");
        response.setHeader("Access-Control-Allow-Origin", "*");
        response.setHeader("Access-Control-Allow-Credentials", "true");
        response.setHeader("Access-Control-Allow-Methods", "POST, GET, PUT, OPTIONS, DELETE, PATCH");
        response.setHeader("Access-Control-Expose-Headers", "*");
        response.setHeader("Access-Control-Allow-Headers", "Authentication,Origin, X-Requested-With, Content-Type, Accept, x-access-token");
        response.setHeader("Cache-Control", "no-cache");
        response.setHeader("Pragma", "no-cache");
        response.setHeader("Expires ", "-1");
    }
}

　　但是:前端卻提示:

　　

 

  　 百度了很多方法,但是都沒有解決,直到我看到了這篇博客,地址:https://blog.csdn.net/garyond/article/details/80192760

　　然后我在寫的接口上面加了注解:@CrossOrigin,問題完美解決~,如圖:

 

      

 

 　　重啟后端,前端訪問,完美運行:

　　

 

 

 　　如果覺得有用大家可以點個贊丫~新人一枚,有什么問題也歡迎指正~這是我踩到的小小坑之一,慶幸能夠解決啦~

 

參考博客:https://blog.csdn.net/garyond/article/details/80192760