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

不出意外的话，应该是路径的问题。看看控制台的报错，找到你的根路径，然后根据根路径再去匹配你的样式路径，也算是最佳的方式了。