授權必須在后端實現。如果授權僅在FE上，任何用戶（無論是合法用戶還是惡意用戶）都可以繞過授權機制，只需瀏覽或將請求發送到相關路徑并訪問您試圖保護的所有功能即可。 也可以對FE進行授權，以增強用戶體驗并減少網絡流量（例如在前端檢查密碼策略），但在安全方面，您永遠不應該信任前端！

你說你跑過Docker？然后需要將localhost更改為運行后端的容器名稱。

首先，我不認為使用back-end本地存儲是個好主意。因為，不要忘記，如果多個用戶需要從任何一點進行連接，則需要為每個用戶存儲每個本地值。 使用cookie時，您可以“自動”存儲每個請求中的cookie。 為什么從expressback-end設置Cookie是不可能的？你在做這件事的時候有什么錯誤嗎？ 我認為這是一個CORS問題。你需要在server-side中查看CORS選項。 以下是我認為有幫助的答案。https://stackoverflow.com/a/46412839/17913593 希望我能幫你一點忙。

Argon2和BCrypt不是加密算法。它們是密碼拉伸器（形式上是“PBKDFs”或"Password-based密鑰派生函數）。然而，兩者都用是沒有意義的。 您需要的設計是： 在front-end上應用密碼拉伸器，這樣原始密碼就不會發送到服務器。 在后端，應用快速哈希(SHA-256），這樣哈希密碼就不會存儲在數據庫中。 第一部分保護用戶。他們的密碼永遠不會離開他們的機器。第二部分保護數據庫。即使它被盜，攻擊者也無法使用存儲在那里的哈希值登錄到您的系統。

為了回答您的問題，您不能使用front-end框架/庫來保護后端代碼。如果我用郵遞員來獲取數據呢？您在angular中保護了API，因為我沒有使用Angular，這會導致數據泄漏。如果您必須保護您的API，您應該在后端技術nest.js或express.js中進行保護。安全總比后悔好！

您可以使用express發送前端html文件，例如，此代碼將發送保存在客戶端文件夾中的index.html文件： app.use(('/'), express.static('client', {redirect: false}));app.use('/api', your_routes);app.get('*', function(req, res, next){ res.sendFile(path.resolve('client/index.html'));})app.listen(3000, () => console.log('Server started at port: 3000')); 你的nginx設置應該監聽你的域名和代理到localhost端口3000（你的節點應用程序運行的地方） server { listen 80; server_name example.com www.example.com; location / { proxy_pass http://localhost:3000; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection 'upgrade'; proxy_set_header Host $host; p

通常，您將前端和后端代碼組織在不同的文件夾中。前端和后端代碼應該有自己的測試。這使得測試更容易進行。 另外，分離測試可以更容易地分別運行它們。e、 只需運行前端測試或后端測試。通常，測試運行程序接受一條路徑以在該路徑中運行測試。我也建議對后端或前端的不同模塊進行分離測試。 example: 前端/測試/用戶/商店/ 后端測試用戶/商店/

我找到了解決辦法！ 我需要用json_decode($request->input('hidden_input'));解碼控制器中的字符串 祝你今天愉快

我檢查了你的代碼，發現有一個邏輯錯誤。 您需要在作業列表中的addJob case語句之后添加break;。js。 因此，DefaultJobj將作為未定義的對象重新初始化。 --加成-- 您需要在JobForm組件中處理defaultJobObj屬性更新。 您可以定義一個鉤子并在reducer中重新定義items。 let reducer = (state, action) => { let result = { ...state }; switch (action.type) { case "reinit": result.job = defaultJobObj; break; default: break; } return result; }; useEffect(() => { updateItems({ "type":"reinit" }) }, [defaultJobObj])

buildSrc可以用來抽象命令式邏輯。換句話說，整理你的主要Gradle構建文件。 https://docs.gradle.org/current/userguide/organizing_gradle_projects.html#sec:build_sources buildSrc文件夾基本上是另一個Gradle項目。因此，在Gradle項目中通常忽略的事情，也應該在buildSrc項目中忽略。 如果在buildSrc中定義了項目所需的邏輯，那么應該提交它。如果沒有，那么應該完全刪除該文件夾，以避免Gradle試圖自動構建它。

正如您在運行spark作業的第二種方法中所述，用spark類和/或語法打包java文件實際上就是在Hadoop作業中包裝spark作業。這有它的缺點（主要是你的工作直接依賴于你的系統/集群上的java和scala版本，但也有一些關于不同框架版本之間支持的成長問題）。因此，在這種情況下，開發人員必須小心將作業運行在兩個不同平臺上的設置，即使對于Hadoop的用戶來說，它似乎更簡單一些，因為Hadoop更擅長Java和Map/Reduce/Driver布局，而不是Spark的already-tweaked特性和Scala的sort-of-steep-learning-curve便利性。 提交作業的第一種方法是最“標準”的（因為大多數作業都是在網上看到的，所以對此持保留態度），作業的執行幾乎完全在Spark中進行（當然，除非您存儲作業的輸出或從HDFS獲取輸入）。通過使用這種方式，您只需要稍微依賴Spark，從而使Hadoop（又名其紗線資源管理）的奇怪方式遠離您的工作。而且，由于它是最直接的方法，因此它的執行時間可以大大加快。

避免出錯的最安全方法是刪除or 'hard to guess string'，然后確保生產環境中的.env具有生產密鑰，而開發環境中的.env使用單獨的密鑰。您需要將.env添加到.gitignore中，這樣它就不會意外地被簽入。 格林伯格在第15章中補充道，如果你還沒有到達那里，python_dotenv。

前端需要調用端點，而不是從后端本地導入代碼。 你對郵遞員所做的是正確的。以下是您在前端需要做的事情： const registerUser = async () => { try { let payload = {username, email, password} let response = fetch(`http://localhost:5050/register`, { 'POST', headers: { 'Content-Type': 'application/json', 'Accept': 'application/json', }, body: JSON.stringify(payload) }) let data = await response.json() return data; } catch (err) { console.log(err) }}<TouchableOpacity onPress={() => registerUser()} style={styles.button}>

我假設您在服務器端的DTO模型中使用DateTime類型。DateTime不包含任何關于時區的信息，所以我假設如果目標類型不能保留時區信息（如果目標類型是DateTime），json serealizer會將其轉換為UTC。 請改為使用DateTimeOffset類型。如果有幫助請告訴我。

你能做的事情很少： 您對/display的呼叫沒有發送有效負載。如果是這樣的話，你可以改打GET電話 直接在前端解析csv可能會占用大量資源，具體取決于內容。您最好在后端本身對其進行解析，然后將JSON發送到react，其外觀如下所示（或根據您的需要發送任何其他結構）： // option1{ row1: [col1, col2], row2: [col1, col2]}// or send an array of rows// option2[[col1, col2], [col1, col2]] 一旦你有了解析過的csv內容，你就可以像這樣在react上使用它： // option 2{ csvupload.map((row) => { // you can format as per your requirement // col1=row[0] and col2=row[1] return <div>{row}</div>; })} // option 1{ Object.keys(csvupload).map((rowIndex) => { // you can format as per your requirement // col1=csvupload[rowIndex][0] and col2=csvupload[rowInde