相信很多小伙伴在用开发的时候，在
如何打包
基于
如何部署
将打包出来的
但有时候，我们会直接将dist文件扔到服务端
出现的问题
打包到服务器后，出现
打包到服务器后，出现空白页的问题
打包到服务器后，出现引入的
打包到服务器后，出现路由刷新404的问题
下面笔者根据自己
一、前端配置：
①、router配置–指定路由起始(在
router
提前和后端商量好项目部署的服务器文件夹路径
②、编译打包配置
进入config –> index.
build
③、使用npm run build进行打包，至此前端能做的配置已经做完
二、后端配置：
路由跳转出现404，主要原因是后端对这个虚拟的前端路由没有做任何处理，服务器在找不到指定路径下的
解决办法(Apache)：进行url重写 — 将
leibo.group/pcMall/…. 重写为 leibo.group/pcMall/index.
.hatccess
具体的Apache开启allowoverride ，url重写，后端分分钟就解决了
如果是其他类型服务器
请自行参考/zh-cn/essentials/history-mode.html
总结：在单页面部署服务器中，其实更多的是思想的改变，利用前端路由来控制用户界面内容的变更，以上就是笔者在项目部署服务器中的一些经验，如果有什么阐述的不当的地方，还望指出！
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持
