experss 做小型伺服器出現跨域問題

来源:https://www.cnblogs.com/lwwen/archive/2018/06/08/9156115.html
-Advertisement-
Play Games

情況是這樣的 我用express做一個小型的伺服器來做我demo項目的一個介面 然後我就出現了跨域問題 然後我就 app.all('/*', function(req, res, next) { // CORS headers res.header("Access-Control-Allow-Ori ...


情況是這樣的

我用express做一個小型的伺服器來做我demo項目的一個介面

然後我就出現了跨域問題

然後我就

app.all('/*', function(req, res, next) {
// CORS headers
res.header("Access-Control-Allow-Origin", "*"); // restrict it to the required domain
res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS');
res.header('Access-Control-Allow-Credentials', 'true');
// Set custom headers for CORS
res.header("Access-Control-Allow-Headers", "Content-Type,Content-Length, Authorization, Accept,X-Requested-With");
// res.header('Access-Control-Allow-Headers', 'Content-type,Accept,X-Access-Token,X-Key');
if (req.method == 'OPTIONS') {
res.status(200).end();
} else {
next();
}
});

把這串代碼丟到app.js上(註意,我是隨便丟到了一個位置)

然後我前端就去請求那個介面,發現還是有跨域問題

感覺不對啊,上網搜了一下 都是說直接header允許跨域可以了,

但是為什麼還是會出現跨域問題

然後我就去看別人的代碼

然後發現然後這船代碼的位置很重要

要放在你訪問路由的那段代碼之前

先允許跨域了 然後再訪問路由

如果路由的代碼放在前面那就直接進去路由然後沒有到允許跨域那個地方就已經報錯了

 

over  這些就是我想說的

所以也不知道是不是有什麼問題  但是記錄一下吧


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Demo完整源碼下載請移步到 Github: https://github.com/imxiaoer/EchartsDemo 先看下效果圖: 就如上圖所示,都是些常用的基本配置。 Legend分頁,X軸設置,Y軸設置,底部縮放條設置, 數值顯示樣式設置,工具箱設置,自定義工具按鈕, 綁定點擊事件等等 ...
  • 我們想做這樣一個樣式,應該怎麼做? 分析: 有一個標題(h1),還有一些段落(p) 標題是居中的,段落也是居中的,所以我們可以設置h標簽和p標簽居的align屬性等於center來實現 標題和段落都有顏色,都有字體,都有大小 所以需要給文字包裹一個font標簽,然後通過font標簽來設置樣式和字體以 ...
  • ##################################################################################介紹Node.js模塊系統為了讓Node.js的文件可以相互調用,Node.js提供了一個簡單的模塊系統。 模塊是Node.js 應用程 ...
  • 我們先來做一個實驗,想打出來距離三個空格的字,發現無論是再多的空格,回車還是tab鍵,都只顯示一個空格,由此可以得出結論 1.在HTML中對空格/會車/tab鍵不敏感,會把多個空格/回車/tab鍵當作一個空格鍵來處理 2.什麼是字元實體? 在HTML中的字元是被HTML保留的,有的HTML字元在HT ...
  • 1.為什麼HTML中有一部分標簽會被廢棄? 因為當前HTML中的標簽只有一個作用,就是用來添加語義,而早期的HTML標簽中有一部分標簽是沒有語義的 有一部分標簽是用來修改樣式的 所以這部分標簽就被淘汰了 <br><hr><font> <b><u><i><s>沒有任何的語義,都是用來修改樣式的 以後在 ...
  • 大家好!一個web前端開發的新手,前來報道! ...
  • 這個標簽是比較特殊的,不是html5中的新增標簽 在W3C官方文檔中找不到這個標簽,也就是說不是官方推薦的標簽 但是各大瀏覽器對這個標簽的支持也非常不錯,而且效果也非常不錯 1.什麼是marquee標簽? 作用:跑馬燈 2.格式: <marquee> 內容 </marquee> 屬性: 為了方便看出 ...
  • CSS position屬性用於指定一個元素在文檔中的定位方式。top,right,bottom和left屬性則決定了該元素的最終位置。 常見語法 static | relative | absolute | sticky | fixed static 預設值。沒有定位,元素出現在正常的流中(忽略 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...