如果使用 React 請(qǐng)一定要用前端的方式來(lái)考慮問(wèn)題。之前我們的后臺(tái)管理是用 Ant.Design + .NetCore 開(kāi)發(fā)的，我們的方案是前后端分離， 使用這個(gè)方案，表示前端相關(guān)代碼不需要放進(jìn) .Net 項(xiàng)目中管理，單獨(dú)獨(dú)立出一個(gè)項(xiàng)目目錄即可 。所以，我們不使用 .NET 的 View 視圖層進(jìn)行模板渲染。.NET 只實(shí)現(xiàn)接口，前端通過(guò) Ajax 進(jìn)行調(diào)用。然后使用 Nginx 托管前端的靜態(tài)資源，檢測(cè)到訪問(wèn)路由屬于后端接口時(shí)，將請(qǐng)求轉(zhuǎn)發(fā)到 .NetCore ，使用 Docker 部署。

因?yàn)槭褂?React 必定會(huì)涉及到 webpack 等構(gòu)建工具，前端代碼必須經(jīng)過(guò)編譯后才可以使用。所以，使用前后端分離可以有效對(duì)前后端的開(kāi)發(fā)過(guò)程解耦。這個(gè)是比較推薦的方案。

當(dāng)然，如果一定要使用 .Net 的 View 視圖層的話(huà)，開(kāi)發(fā)環(huán)境下可以考慮把 webpack 的內(nèi)存讀寫(xiě)改為硬盤(pán)讀寫(xiě)，將編譯代碼寫(xiě)到 .Net 的視圖目錄下。不過(guò)這個(gè)方案并不推薦。