摘要：本文簡述了博主在開發(fā)過程中，需要跨域調試的時候，出現(xiàn)了 OPTIONS 請求 Forbidden 的問題，以及解決方法。

403 Forbidden 解釋：

Forbidden
You don't have permission to access / on this server.
Additionally, a 500 Internal Server Error error was encountered while trying to use an ErrorDocument to handle the request.

403 Forbidden 是HTTP協(xié)議中的一個狀態(tài)碼(Status Code)?？梢院唵蔚睦斫鉃闆]有權限訪問此站點。

問題

在使用 Spring Cloud 的項目中，本地跨域調試發(fā)現(xiàn) POST 請求轉為了 OPTIONS 請求，并且服務端拒絕訪問，其實是 CORS 請求的問題。

CORS 請求分為2類： 簡單請求 和 非簡單請求。兩者主要的區(qū)分點在于：

1: 請求方法為 HEAD, GET, POST;

2: HTTP 頭信息為以下幾個： Accept， Accept-Language，Content-Language， Last-Event-ID，Content-Type （值為 application/x-www-form-urlencoded、multipart/form-data、text/plain）。

只要滿足以上兩點，則為簡單請求；否則為非簡單請求。

簡單請求的處理方式是瀏覽器直接發(fā)送 CORS 請求。非簡單請求的處理方式是瀏覽器發(fā)送預檢請求，表示詢問服務器當前的域名是否可以訪問正常服務器，如果可以訪問，則發(fā)送正常的請求到服務器；否則報錯。

現(xiàn)在確定遇到的問題就是在 CORS 請求預檢的時候發(fā)現(xiàn)域名不在服務器端的白名單里面，所以需要修改服務端的請求返回報文。

解決方案

在網(wǎng)關中添加下面的過濾器，在每次請求返回報文中添加報文頭，即可正常訪問

@Component
public class CorsFilter implements Filter {

  @Override
  public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {
    HttpServletResponse response = (HttpServletResponse) res;
    response.setHeader("Access-Control-Allow-Origin", "*");
    response.setHeader("Access-Control-Allow-Methods", "POST, GET, PUT, OPTIONS, DELETE, PATCH");
    response.setHeader("Access-Control-Max-Age", "3600");
    response.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
    response.setHeader("Access-Control-Expose-Headers", "Location");
    chain.doFilter(req, res);
  }

  @Override
  public void init(FilterConfig filterConfig) {}

  @Override
  public void destroy() {}

}

參考文章：

跨域資源共享 CORS 詳解

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

最新評論