CORS 跨域資源共享
什么是 CORS
cors 是 Express 的一個第三方中間件。通過安裝和配置 cors 中間件，可以很方便地解決跨域問題。
CORS （Cross-Origin Resource Sharing，跨域資源共享）由一系列 HTTP 響應頭組成，這些 HTTP 響應頭決定瀏覽器是否阻止前端 JS 代碼跨域獲取資源。
瀏覽器的同源安全策略默認會阻止網頁“跨域”獲取資源。但如果接口服務器配置了 CORS 相關的 HTTP 響應頭，就可以解除瀏覽器端的跨域訪問限制。
CORS 的注意事項
① CORS 主要在服務器端進行配置?？蛻舳藶g覽器無須做任何額外的配置，即可請求開啟了 CORS 的接口。
② CORS 在瀏覽器中有兼容性。只有支持 XMLHttpRequest Level2 的瀏覽器，才能正常訪問開啟了 CORS 的服務端接口（例如：IE10+、Chrome4+、FireFox3.5+）。
CORS 響應頭部 - Access-Control-Allow-Origin
響應頭部中可以攜帶一個 Access-Control-Allow-Origin 字段，其語法如下:
其中，origin 參數的值指定了允許訪問該資源的外域 URL。注意：為通配符 *，表示允許來自任何域的請求文章來源：http://www.zghlxwxcb.cn/news/detail-809641.html
CORS使用
使用步驟分為如下 3 步文章來源地址http://www.zghlxwxcb.cn/news/detail-809641.html
- 運行 npm install cors
安裝中間件 - 使用 const cors = require(‘cors’)
導入中間件 - 在路由之前調用 app.use(cors())
配置中間件
const cors = require('cors');
app.use(cors())
Deom
const express = require('express');
const cors = require('cors');
const app = express();
// 配置解析表單數據的中間件
app.use(express.urlencoded( {extended: false} ))
// 一定要在路由之前，配置 cors 這個中間件，從而解決接口跨域的問題
app.use(cors())
const router = require("./apiRouter.js")
// 把路由模塊注冊到 app 上
app.use("/api",router)
app.listen(80,()=>{
console.log("http://127.0.0.1");
});
到了這里，關于Node.js 使用 cors 中間件解決跨域問題的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網！
