spring boot配合前端實現(xiàn)跨域請求訪問

更新時間：2017年04月11日 09:42:44 作者：hanghangde

本篇文章主要介紹了spring boot配合前端實現(xiàn)跨域請求訪問，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

一.方法:

服務端設置Respone Header頭中Access-Control-Allow-Origin
配合前臺使用jsonp
繼承WebMvcConfigurerAdapter 添加配置類

二.實例:

1.前端:因為我們用了前后端分離,前端用node服務器,node服務器再用了ajax反向代理請求到我的spring boot 服務器。其中node服務器也用了ajax發(fā)出請求所以也存在跨域的問題。具體代碼:

 app.all(apiRoot + '/*', proxy('127.0.0.1:' + proxyPort, {
  forwardPath: function(req, res) {
   console.log('req: ', req, 'res; ', res);
   return require('url').parse(req.url).path;
  }
 }));

后臺(用的是spring boot 1.3.7.RELEASE) :用了一個filter進行了身份驗證同時進行了跨域處理，具體代碼:

public class AuthFilter implements Filter {
  //  @Autowired
  //這個不能自動注入servlet和filter是被tomcat管理的
  private BaseUserService baseUserService;
  private String[] excludePaths;

  @Override
  public void init(FilterConfig filterConfig) throws ServletException {
    System.out.println("initFilter");
    //不能在初始化中通過Appliaction Context獲取因為這時候還沒初始化Application Context
    //baseUserService = SpringUtils.getBean("baseUserService", BaseUserService.class);
    excludePaths = new String[]{"/api/user/noLogin", "/api/user/tokenError", "/api/user/loginForeground",
        "/api/user/loginBackground", "/api/user/inCorrectUserId"};
  }

  @Override
  public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException {
    HttpServletRequest httpServletRequest = (HttpServletRequest) request;
    HttpServletResponse httpServletResponse = (HttpServletResponse) response;
    //這里填寫你允許進行跨域的主機ip
    httpServletResponse.setHeader("Access-Control-Allow-Origin", "*");
    //允許的訪問方法
    httpServletResponse.setHeader("Access-Control-Allow-Methods", "POST, GET, PUT, OPTIONS, DELETE, PATCH");
    //Access-Control-Max-Age 用于 CORS 相關配置的緩存
    httpServletResponse.setHeader("Access-Control-Max-Age", "3600");
    httpServletResponse.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
    String userId = request.getParameter("userId");
    String token = request.getParameter("token");
    //有token的                           `
    if (userId != null && token != null) {
      try {
        Integer id = Integer.parseInt(userId);
        if (baseUserService == null)
          baseUserService = SpringUtils.getBean("baseUserService", BaseUserService.class);
        int status = baseUserService.checkLogin(id, token);
        if (status == 1) {
          chain.doFilter(request, response);
        } else if (status == 0) {
          httpServletResponse.sendRedirect("/api/user/tokenError");
        } else if (status == -2) {
          httpServletResponse.sendRedirect("/api/user/inCorrectUserId");
        } else {
          httpServletResponse.sendRedirect("/api/user/noLogin");
        }
      } catch (NumberFormatException exception) {
        httpServletResponse.sendRedirect("/api/user/inCorrectUserId");
      }
    } else {
      String path = httpServletRequest.getServletPath();
      if (excludePath(path)) {
        chain.doFilter(request, response);
      } else {
        httpServletRequest.getRequestDispatcher("/api/user/noLogin").forward(request, response);
      }
    }
//    ((HttpServletResponse) response).addHeader("Access-Control-Allow-Origin", "*");
//    CorsFilter corsFilter=new CorsFilter();

  }

  private boolean excludePath(String path) {
    for (int i = 0; i < excludePaths.length; i++) {
      if (path.equals(excludePaths[i]))
        return true;
    }
    return false;
  }

  @Override
  public void destroy() {
    System.out.println("destroy method");
  }

}

這種方法還適用于servlet中,特別注意的是一定要在filter動作之前加上這句話,也就是在代碼的最前面加上這個話。

跨域資源共享 CORS 詳解(相關鏈接)

2.詳細請看(點開)
3.具體代碼:

package edu.ecnu.yjsy.conf; 

import org.springframework.context.annotation.Configuration; 
import org.springframework.web.servlet.config.annotation.CorsRegistry; 
import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter; 

@Configuration 
public class CorsConfig extends WebMvcConfigurerAdapter { 

  @Override 
  public void addCorsMappings(CorsRegistry registry) { 
    registry.addMapping("/**") 
        .allowedOrigins("*") 
        .allowCredentials(true) 
        .allowedMethods("GET", "POST", "DELETE", "PUT") 
        .maxAge(3600); 
  } 

}

這里有個坑spring boot 以前的版本這樣設置可以用但是我用的1.3.7.RELEASE spring boot 不能用,所以用第二種方式是萬能的

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

Jenkins環(huán)境搭建之下載與安裝過程
Jenkins是一個功能強大的應用程序，允許持續(xù)集成和持續(xù)交付項目，集成Jenkins可以用于一些測試和部署技術，對Jenkins環(huán)境搭建之下載與安裝過程感興趣的朋友跟隨小編一起看看吧
2021-12-12
詳解Java如何利用位操作符創(chuàng)建位掩碼
在本文中，我們來看看如何使用位操作符實現(xiàn)低級別的位掩碼。我們將看到我們如何將一個單一的int變量作為一個單獨的數(shù)據(jù)容器，感興趣的可以跟隨小編一起學習一下
2022-10-10
Java jwt使用公鑰字符串驗證解析token鎖方法詳解
關于java獲取Token驗證的問題相信很多人都遇見過,尤其是對剛接觸微信開發(fā)的人來說確實有點棘手,下面這篇文章主要給大家介紹了關于Java中token驗證解析的相關資料,需要的朋友可以參考下
2023-02-02
取消idea雙擊shift鍵時出現(xiàn)的全局搜索的問題分析
這篇文章主要介紹了取消idea雙擊shift鍵時出現(xiàn)的全局搜索的問題分析,本文通過圖文并茂的形式給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧
2023-10-10
使用Spring自定義命名空間
這篇文章主要介紹了使用Spring自定義命名空間方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2021-09-09
詳解MyBatis XML配置解析
這篇文章主要介紹了詳解MyBatis XML配置解析，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-09-09
輕松掌握Java享元模式
這篇文章主要幫助大家輕松掌握Java享元模式,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-09-09
項目打包成jar后包無法讀取src/main/resources下文件的解決
本文主要介紹了項目打包成jar后包無法讀取src/main/resources下文件的解決，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2022-04-04
java發(fā)送HttpClient請求及接收請求結果過程的簡單實例
下面小編就為大家?guī)硪黄猨ava發(fā)送HttpClient請求及接收請求結果過程的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-11-11
Java實現(xiàn)萬年歷效果
這篇文章主要為大家詳細介紹了Java實現(xiàn)萬年歷效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-06-06