网站收录查询临沂seo,怎么推广自己的公司,做网站 不做源码,wordpress插件 自动翻译相信很多小伙伴在用Vue-cli安装的脚手架开发的时候#xff0c;在开发环境中项目可以很正常的运行#xff0c;但是进入到生产环境#xff0c;编译打包后#xff0c;放入服务器#xff0c;项目就不正常了#xff0c;会出现空白页或者路由跳转404等问题。遇到这些问题不要慌…相信很多小伙伴在用Vue-cli安装的脚手架开发的时候在开发环境中项目可以很正常的运行但是进入到生产环境编译打包后放入服务器项目就不正常了会出现空白页或者路由跳转404等问题。遇到这些问题不要慌张正确的配置加上后端的简单配合就可以解决。下面笔者根据自己Vue项目从编译打包到正常部署服务器的经验来告诉大家如何解决这些问题。一、前端配置①、router配置--指定路由起始(在开发模式中Vue项目被放在了webpack配合nodeJs生成的本地服务器的根目录但是在真实服务器中项目肯定不会放在根目录所以要指定router的base)router提前和后端商量好项目部署的服务器文件夹路径②、编译打包配置进入config -- index.jsbuild③、使用npm run build进行打包至此前端能做的配置已经做完二、后端配置路由跳转出现404主要原因是后端对这个虚拟的前端路由没有做任何处理服务器在找不到指定路径下的资源时只能向客户端返回404。解决办法(Apache)进行url重写 --- 将Vue项目所在服务器文件夹下的路径例如leibo.group/pcMall/.... 重写为 leibo.group/pcMall/index.htmlleibo.group/app/.... 重写为 leibo.group/app/index.html.hatccess具体的Apache开启allowoverride url重写后端分分钟就解决了如果是其他类型服务器请自行参考https://router.vuejs.org/zh-cn/essentials/history-mode.html总结在单页面部署服务器中其实更多的是思想的改变利用前端路由来控制用户界面内容的变更以上就是笔者在项目部署服务器中的一些经验如果有什么阐述的不当的地方还望指出
