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

问题描述

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

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

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

问题解答

路径问题，尝试用node把dist目录代理为根目录。

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

那你看看你打包后的路径，以及打包后页面引入css的路径对不对是否设置了publicPath

到config 文件夹里的index.js文件中找到build对象，将assetsPublicPath中的“/”改为“./”即可

打开 chrome 调试界面, 什么错

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