問題描述

開發環境中，react項目界面是這樣

使用npm run build打包之后，把dist下的文件放到node服務器上就變成了這樣：

為什么用npm run build打包之后樣式會丟失呢？

問題解答

路徑問題，嘗試用node把dist目錄代理為根目錄。

首先你得把你打包用了什么庫，怎么配置列出來。

那你看看你打包后的路徑，以及打包后頁面引入css的路徑對不對是否設置了publicPath

到config 文件夾里的index.js文件中找到build對象，將assetsPublicPath中的“/”改為“./”即可

打開 chrome 調試界面, 什么錯

不出意外的話，應該是路徑的問題。看看控制臺的報錯，找到你的根路徑，然后根據根路徑再去匹配你的樣式路徑，也算是最佳的方式了。