项目部署到服务器,页面显示空白页
时间: 2024-04-25 22:24:30 浏览: 129
vue项目出现页面空白的解决方案
问题的原因可能是代码问题而不是nginx部署问题。根据引用\[1\]和引用\[2\]的内容,有两个地方需要调整。首先,需要检查vue.config.js配置文件。如果是vue-cli3的项目,需要更改publicPath为'./'。如果是其他版本的项目,需要查阅相关资料进行调整。其次,需要找到router配置文件,将路由模式更改为hash,并且base属性需要根据项目环境进行相应的调整。根据引用\[3\]的内容,还需要检查vue.config.js文件中的assetsDir属性,确保与线上目录一致。如果不一致,需要进行相应的修改。完成以上调整后,重新打包并替换线上文件,再次打开页面应该就能正常显示了。请注意,具体问题可能因人而异,以上内容仅供参考。
#### 引用[.reference_title]
- *1* [vue3项目部署到服务器,页面显示空白页](https://blog.csdn.net/challenglistic/article/details/126388817)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [vue项目打包到后部署服务器,某些页面出现空白页](https://blog.csdn.net/weixin_54000091/article/details/123772015)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [vue项目打包上传服务器页面空白问题](https://blog.csdn.net/weixin_44303631/article/details/128254944)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文