Node.js 使用 cors 中間件解決跨域問題小結(jié)
CORS 跨域資源共享
什么是 CORS
cors 是 Express 的一個(gè)第三方中間件。通過安裝和配置 cors 中間件，可以很方便地解決跨域問題。
CORS （Cross-Origin Resource Sharing，跨域資源共享）由一系列 HTTP 響應(yīng)頭組成，這些 HTTP 響應(yīng)頭決定瀏覽器是否阻止前端 JS 代碼跨域獲取資源。
瀏覽器的同源安全策略默認(rèn)會(huì)阻止網(wǎng)頁“跨域”獲取資源。但如果接口服務(wù)器配置了 CORS 相關(guān)的 HTTP 響應(yīng)頭，就可以解除瀏覽器端的跨域訪問限制。
CORS 的注意事項(xiàng)
① CORS 主要在服務(wù)器端進(jìn)行配置?？蛻舳藶g覽器無須做任何額外的配置，即可請(qǐng)求開啟了 CORS 的接口。
② CORS 在瀏覽器中有兼容性。只有支持 XMLHttpRequest Level2 的瀏覽器，才能正常訪問開啟了 CORS 的服務(wù)端接口（例如：IE10+、Chrome4+、FireFox3.5+）。
CORS 響應(yīng)頭部 - Access-Control-Allow-Origin
響應(yīng)頭部中可以攜帶一個(gè) Access-Control-Allow-Origin 字段，其語法如下:
其中，origin 參數(shù)的值指定了允許訪問該資源的外域 URL。注意：為通配符 *，表示允許來自任何域的請(qǐng)求
CORS使用
使用步驟分為如下 3 步
- 運(yùn)行 npm install cors
安裝中間件 - 使用 const cors = require(‘cors’)
導(dǎo)入中間件 - 在路由之前調(diào)用 app.use(cors())
配置中間件
const cors = require('cors');
app.use(cors())Deom
const express = require('express');
const cors = require('cors');
const app = express();
// 配置解析表單數(shù)據(jù)的中間件
app.use(express.urlencoded( {extended: false} ))
// 一定要在路由之前，配置 cors 這個(gè)中間件，從而解決接口跨域的問題
app.use(cors())
const router = require("./apiRouter.js")
// 把路由模塊注冊(cè)到 app 上
app.use("/api",router)
app.listen(80,()=>{
console.log("http://127.0.0.1");
});到此這篇關(guān)于Node.js 使用 cors 中間件解決跨域問題的文章就介紹到這了,更多相關(guān)Node.js cors 中間件內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Node.js是一款基于Chrome V8引擎的快速、輕量級(jí)的JavaScript運(yùn)行時(shí),隨著應(yīng)用程序規(guī)模越來越龐大,Node.js版本的更新也日益頻繁,這篇文章旨在幫助開發(fā)者們快速查詢Node.js版本信息,需要的朋友可以參考下2023-11-11
一文詳解NodeJS和Javascript之間有什么區(qū)別
在前端和后端開發(fā)的技術(shù)棧中,JavaScript?和?Node.js?經(jīng)常是新手和經(jīng)驗(yàn)豐富的開發(fā)者討論的熱門話題,這篇文章主要介紹了NodeJS和Javascript之間有什么區(qū)別的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-11-11
node基于async/await對(duì)mysql進(jìn)行封裝
這篇文章主要介紹了node基于async/await對(duì)mysql進(jìn)行封裝,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，,需要的朋友可以參考下2019-06-06
Node.js創(chuàng)建一個(gè)簡單的服務(wù)器的實(shí)現(xiàn)
Node.js是一個(gè)基于Chrome V8引擎的JavaScript運(yùn)行時(shí)環(huán)境,可以在服務(wù)器端運(yùn)行JavaScript代碼,本文主要介紹了Node.js創(chuàng)建一個(gè)簡單的服務(wù)器的實(shí)現(xiàn),具有一定的參考價(jià)值,感興趣的可以了解一下2023-12-12
我們?cè)跍y(cè)試寫的Nodejs的程序在不同Nodejs版本下是否能正常運(yùn)行，或是我們想要嘗試下最新版 Nodejs 的新特性，但常用的代碼需要舊版本的 Nodejs的時(shí)候就需要用 Node 版本管理工具，本文介紹的是利用n工具如何輕松管理Node.js的版本,需要的朋友可以參考下。2017-04-04
MongoDB是基于Javascript語言的數(shù)據(jù)庫，存儲(chǔ)格式是JSON，而Node也是基于JavaScript的環(huán)境（庫），所以node和mongoDB的搭配能減少因?yàn)閿?shù)據(jù)轉(zhuǎn)換帶來的時(shí)間空間開銷。今天我們來看看如何通過node.js來操作MongoliaDB2017-05-05
Nest.js系列學(xué)習(xí)之初識(shí)nest項(xiàng)目框架及服務(wù)
這篇文章主要為大家介紹了Nest.js系列學(xué)習(xí)之初識(shí)nest項(xiàng)目框架及服務(wù),有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
輕松創(chuàng)建nodejs服務(wù)器（10）：處理POST請(qǐng)求
這篇文章主要介紹了輕松創(chuàng)建nodejs服務(wù)器（10）：處理POST請(qǐng)求,本文告訴你如何實(shí)現(xiàn)在node.js中處理POST請(qǐng)求,需要的朋友可以參考下2014-12-12
在nodejs中，提供了 https 這個(gè)模塊來完成 HTTPS 相關(guān)功能。這篇文章主要介紹了Node.js進(jìn)階之核心模塊https入門，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-05-05
Node.js學(xué)習(xí)之TCP/IP數(shù)據(jù)通訊(實(shí)例講解)
下面小編就為大家?guī)硪黄狽ode.js學(xué)習(xí)之TCP/IP數(shù)據(jù)通訊(實(shí)例講解)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10