在vue-cli3中用预渲染遇到一些问题

在使用vue-cli3进行预渲染时，可能会遇到一些问题，以下是一些可能出现的问题和解决方案。

1. 环境配置问题

在使用vue-cli3进行预渲染时，需要先进行一些环境配置，比如修改vue.config.js配置文件等。如果配置不正确，可能会导致预渲染失败或出现其他问题。建议在进行预渲染之前先仔细阅读相关文档，了解需要配置哪些环境。

2. 路由问题

预渲染需要的是静态的HTML文件，而vue-router的路由是动态生成的，所以需要解决路由问题。可以通过使用Prerender SPA Plugin等工具来解决路由问题，具体使用方法可以参考官方文档。

3. 页面显示问题

预渲染后的页面可能会出现一些显示问题，比如样式错乱、图片无法显示等。这可能是因为预渲染时没有加载到相关的CSS或图片等资源，解决方法是将这些资源手动引入到HTML文件中。

4. 打包大小问题

预渲染会生成很多静态HTML文件，这会增加打包的大小。可以通过使用gzip等压缩工具来减小打包的大小，或者只针对某些需要预渲染的部分进行预渲染。

总之，在使用vue-cli3进行预渲染时，需要仔细阅读相关文档、正确配置环境、解决路由问题、处理页面显示问题以及减小打包大小。只有这样才能顺利完成预渲染，提高网站的性能和速度。