輕鬆掌握RESTful API，輕鬆應對跨域請求挑戰

最佳答案

引言

跟著互聯網的疾速開展，RESTful API已成為現代網路利用中弗成或缺的構成部分。它經由過程HTTP協定停止通信，利用JSON等格局傳輸數據，存在簡單、機動、可緩存等長處。但是，在現實開辟過程中，跨域懇求成績常常困擾著開辟者。本文將深刻探究RESTful API的核心不雅點、計劃原則以及怎樣輕鬆應對跨域懇求挑釁。

RESTful API核心不雅點

什麼是RESTful API？

RESTful API是一種基於REST架構風格的利用順序介面，它經由過程HTTP協定停止通信，平日利用XML、JSON等格局傳輸數據。RESTful API的明顯特點包含：

利用HTTP方法（如GET、POST、PUT、DELETE）停止資本操縱。
經由過程URL地點拜訪資本。
利用狀況碼（如200、404、500）表示操縱成果。

RESTful API計劃原則

資本導向：網路上的任何東西都是資本，均利用名詞表示。
無狀況：伺服器不保存任何客戶端懇求的狀況信息。
緩存：容許緩存數據，進步體系機能。
統一的錯誤處理：利用統一的HTTP狀況碼錶示錯誤信息。

跨域懇求挑釁

因為瀏覽器的同源戰略限制，跨域懇求成績成為開辟過程中的罕見挑釁。同源戰略是指網頁只能拜訪與本身同源（協定、域名、埠都雷同）的資本，避免歹意網站盜取用戶信息。

跨域懇求成績

無法利用AJAX懇求：同源戰略禁止了AJAX懇求跨域發送。
DOM頁面無法拜訪：跨域懇求無法拜訪目標域的DOM頁面。
Cookie無法共享：跨域懇求無法共享Cookie。

跨域懇求處理打算

CORS（跨域資本共享）

CORS是HTML5提出的一種機制，容許伺服器指定哪些來源的懇求可能拜訪其資本。CORS須要瀏覽器跟伺服器同時支撐。

伺服器端設置CORS

Spring Boot：

@Configuration
public class WebConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
            .allowedOrigins("*")
            .allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS")
            .allowedHeaders("*")
            .allowCredentials(true);
    }
}

Node.js：

app.use((req, res, next) => {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
    next();
});

客戶端設置CORS

jQuery：

$.ajax({
    url: "http://example.com/api/data",
    type: "GET",
    dataType: "json",
    success: function(data) {
        console.log(data);
    }
});

JSONP（JSON with Padding）

JSONP是一種晚期的跨域處理打算，實用於只支撐GET懇求的API。JSONP經由過程靜態拔出<script>標籤來實現跨域懇求。

function jsonp(url, callback) {
    const script = document.createElement("script");
    script.src = `${url}?callback=${callback}`;
    script.onload = () => {
        window[callback](JSON.parse(script.textContent));
    };
    document.body.appendChild(script);
}

jsonp("http://example.com/api/data", "handleData");

代辦伺服器

利用代辦伺服器可能將懇求轉發到目標伺服器，從而繞過同源戰略限制。

總結

控制RESTful API的核心不雅點跟計劃原則，以及應對跨域懇求的處理打算，有助於開辟者輕鬆應對現實開辟中的挑釁。在現實項目中，根據須要抉擇合適的跨域處理打算，進步開辟效力跟項目品質。