create-react-app打包上线页面空白的问题

场景：
在用 create-react-app 创建了一个项目，
开发完成后，打包上线的后，发现线上环境，打开页面空白
本地直接 file：// 协议预览和在本地开启web服务器预览，都是空白

问题：
1项目用的是 BrowserRouter ， BrowserRouter 一般是用于服务端渲染，所以服务端也需要相应的配置。要不然 网关不知道你有哪些路由，怎么给你转发。

解决：
1 BrowserRouter 换成 HashRouter
打包后，发现在本地开启web服务器预览后，正常，但是放在服务器上后，依然为空白，提示静态资源找不到。
解决：
配置 packagejson 中的 homepage:'/'
这样可以使打包后的静态资源，采用相对路径。

问题：
2自己配置了 webapckconfigjs ，但是无效
解决：
create-react-app 创建的项目，内置了 webapck 的配置。运行 npm run ejext ，会出现配置文件，在配置文件中修改，才可奏效

问题：

解决：
运行了 npm run eject 后， jsx 运行时的 webpack 的配置会被删除掉。在 packagejson 中，添加如下配置即可

客户端安装PDF reader。
设置Reader，先让在中显示IE。
Servlet就将PDF文件用流返回即可（Content-Type写成application/pdf或applicatin/stream）。

首先我们想要实现在线浏览PDF文件，但是要知道想要将PDF文件进行在线浏览的话就只能使用一些在先浏览工具，我正好知道一个在线浏览网站挺不错的，使用起来很方便，小伙伴们可以自己去尝试这使用一下！

a首先我们将浏览器进行打开，然后在网上搜索“迅捷PDF在线编辑”就可以搜索可以在先浏览的网站了

b点击之后我们就会看到在线转换的页面了，里面有许多功能都可以进行使用，可以将PDF文件的格式进行香火转换，还可以将迅捷PDF文件的内容进行编辑！

c在选择要编辑的那一块我们就可以对它进行点击上传文件，但是要记住的是，就文档的大小不要 *** 作2M，否则的话就上传不成功

d将文件编辑完成之后就可以对它进行下载，当然题主是想对它进行在线预览，那就不用个对它进行下载！

以上就是小编自己的看法，希望对小伙伴们有所帮助！

其中 一是 服务器上的文件 是什么文件 word excel 还是ppt 还是 pdf 等文件、你这个问题是自动下载服务器上的文件在jsp页面显示、这个不同的文件方法也不相同、比较麻烦、

因为你下载到的数据还不够播放软件的缓冲容量，一般要下载到10%或者更高的容量。还有就是下载时软件在硬盘创建了一个文件，由于从网络下载的数据比较慢，所以下载的数据先保存在内存了，当内存的数据达到一定大小时，系统才把数据写到硬盘，这时播放软件就会显示正在通信

---