1. 程式人生 > >fetch 請求 express RESTful API 請求跨域

fetch 請求 express RESTful API 請求跨域

跨域

描述:

前端使用fetch請求,介面使用express開箱即用生成器構建當請求介面時報錯

在這裡插入圖片描述

解決方案:

前端設定:

//fetch設定
const respones = await fetch(LIST_URL, {
        mode: "cors",
        headers: {
            "Accept": "application/json",
            "Content-Type": "application/json",
        },
    });

express設定允許跨域:

app.all("*", (req, res, next)=> {  
    res.header("Access-Control-Allow-Origin", "*");  
    res.header("Access-Control-Allow-Headers", "Content-Type");  
    res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
    next();  
});