node.js - npm run build之后页面样式丢失

Question

开发环境中，react项目界面是这样

使用npm run build打包之后，把dist下的文件放到node服务器上就变成了这样：

为什么用npm run build打包之后样式会丢失呢？

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

到config 資料夾裡的index.js檔案中找到build對象，將assetsPublicPath中的「/」改為「./」即可

Answer 5

開啟 chrome 偵錯介面, 什麼錯

Answer 6

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