vue项目部署到服务器打不开,Vue 项目部署到服务器的问题解决方法_盂希

相信很多小伙伴在用开发的时候，在

如何打包

基于

如何部署

将打包出来的

但有时候，我们会直接将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

总结：在单页面部署服务器中，其实更多的是思想的改变，利用前端路由来控制用户界面内容的变更，以上就是笔者在项目部署服务器中的一些经验，如果有什么阐述的不当的地方，还望指出！

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持

vue项目部署到服务器打不开,Vue 项目部署到服务器的问题解决方法_盂希_前端开发者...相关推荐

vue 毫秒数转年月日_Vue将毫秒数转化为正常日期格式的实例_盂希_前端开发者
过滤器-时间戳转化第一步:定义过滤器,filters. export function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = ...
coursera视频打不开，coursera如何免费听课等问题解决方法
文章目录 coursera视频打不开,coursera如何免费听课等问题解决方法一 .coursera视频打不开二.coursera如何免费看公开课三.没有中文字幕解决方法 coursera视频 ...
传世服务器维护,传奇世界开服教程：传世服务器需要什么配置？
原标题:传奇世界开服教程:传世服务器需要什么配置? 今天小驰给你们分享一下传世世界开服服务器配置要求服务器承载着整个服的运行,若是服务器没有选好,对GM来说就是致命伤害从配置上来讲,传奇世界开服用 ...
速达服务器账套定期维护么,速达软件常见操作问题解决方法
<速达软件常见操作问题解决方法>由会员分享,可在线阅读,更多相关<速达软件常见操作问题解决方法(11页珍藏版)>请在人人文库网上搜索. 1.速达软件常见操作问题解决方法,速达软 ...
maven项目找不到pom.xml配置的dependency jar中的类问题解决方法
成功创建一个web项目后,假如我们在web.xml文件中,配置了spring的listener,在pom.xml中也已经作了依赖配置.部署完项目后,启动项目,发现找不到spring配置的listne ...
Idea中Maven控制的多模块项目运行不到最新的代码，写的代码不生效问题解决方法记录。
文章目录写在前边我的情况解决办法原因分析写在前边这个方法不一定适合所有情况,兄弟遇到这种情况首先需要保持冷静.可以先参考我们的情况是否一致,再决定是否看下去. 我的情况 idea版本:20 ...
qq飞车与服务器未响应,QQ飞车游戏安装失败系统错误提示问题解决方法_QQ飞车游戏安装失败怎么办_游戏堡...
新版本发布后,收到部分玩家反馈,出现安装游戏失败,解压资源包时出现卡进度.提示错误码及系统错误等问题,并且多次安装也不能解决.报错信息如下图所示: 经定位,我们发现是由于部分手机SD卡存储格式问题所导 ...
不同版本的VS项目复制出现“PDB 格式不兼容;请删除并重新生成”的问题解决方法
LINK : fatal error LNK120: "\SSCredProvider__\SSCredProvider\Debug\SSCredProvider.pdb"中的 P ...
服务器阻止程序运行怎么破,Discuz论坛对服务器的请求已遭到某个扩展程序的阻止问题解决方法...
Discuz!3.4升级后,贴子内容使用Unicode编码会出现直接显示源码问题打开:source\function\function_core.php$string = str_replace(ar ...

vue项目部署到服务器打不开,Vue 项目部署到服务器的问题解决方法_盂希_前端开发者...

vue项目部署到服务器打不开,Vue 项目部署到服务器的问题解决方法_盂希_前端开发者...相关推荐

最新文章

热门文章