了解如何使用multer進行文件上傳來解決Node.js應用程序中的“無效CSRF令牌”問題。本指南提供了一個帶代碼示例的分步解決方案。 --- This video is based on the question https://stackoverflow.com/q/67072706/ asked by the user 'Hussain Shaikh' ( https://stackoverflow.com/u/5234084/ ) and on the answer https://stackoverflow.com/a/67073345/ provided by the user 'O. Jones'（https://stackoverflow.com/u/205608/）在“堆棧溢出”網站上。感謝這些出色的用戶和Stackexchange社區的貢獻。請訪問這些鏈接以獲取原始內容和更多詳細信息，例如替代解決方案，有關主題，評論，修訂歷史記錄等的最新更新/開發。 by-sa 4.0'（https://creativecommons.org/licenses/by-sa/4.0/）許可證和原始答案帖子在“ cc by-sa 4.0'（https://creativecommons.org/licenses/licenses/licenses/by-sa/4.0/）下獲得許可。如果您似乎有什麼事，請隨時用vlogize [at] gmail [dot] com寫信給我。 ---在開發Web應用程序時，請了解Node.js中的CSRF代幣錯誤無效，確保表單和文件上傳的安全性至關重要。開發人員面臨的一個常見問題是無效的CSRF代幣錯誤。在向您的服務器提出異步請求時，通常會出現此錯誤，並且表示服務器由於授權令牌不匹配而拒絕了傳入的請求。在本指南中，我們將探討為什麼在帶有Multer的Node.js環境中發生這種情況以及如何有效解決它。在您的方案中，您正在使用fetch（）通過HTML表單上傳文件。雖然表格可以使用普通的POST請求成功提交數據，但在異步嘗試期間它失敗了。服務器發出了一條錯誤消息，指示無效的CSRF令牌。讓我們解決這個問題：CSRF令牌：跨站點請求偽造（CSRF）令牌是安全憑證，有助於防止未經授權的命令。您的服務器期望任何發布請求有效令牌，尤其是對於文件上傳之類的操作。表單配置：您已經設置了具有CSRF保護的表單，但是對服務器的Fetch（）請求不包括必要的CSRF令牌，從而導致服務器拒絕該請求。在粘附在CSRF保護的同時，成功執行異步文件上傳的解決方案，請按照以下概述的步驟：步驟1：修改HTML表單，請確保您的HTML表單正確地包括CSRF代幣。您表格中需要提交的每個輸入都應具有名稱屬性。這允許服務器通過請求發送時識別它們。以下是您修改的表格應如何看：[[請參閱視頻以顯示此文本或代碼段]]步驟2：接下來更新JavaScript獲取請求，從您的表單中檢索CSRF令牌，然後在發送請求之前將其附加到FormData對象。這是您的JavaScript代碼的更新版本：[[請參閱視頻顯示此文本或代碼段]]步驟3：服務器端配置確保設置服務器以正確驗證CSRF代幣。這是關鍵部分的概述：CSRF中間件設置：確保使用CSURF中間件。會話管理：CSRF代幣取決於會話管理，應在您的node.js設置中正確配置。令牌檢索：使用res.locals.csrftoken為每個會話生成一個唯一的令牌並形成渲染。 [[請參閱視頻以顯示此文本或代碼段]]步驟4：提交表單時連續令牌驗證，服務器檢查是否_CSRF令牌發送了帶有請求的_CSRF令牌是否匹配了用戶會話中存儲的一個。如果他們匹配，則可以進行動作；如果沒有，服務器將拒絕該請求，從而防止潛在的CSRF攻擊。結論將CSRF代幣納入文件上傳過程對於確保您的Web應用程序至關重要。通過遵循上面概述的步驟，您可以有效地解決無效的CSRF代幣錯誤，同時確保數據保持安全和安全。始終記住要維護適當的會話管理並驗證客戶端和服務器側的令牌。愉快的編碼！
