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