毕业论文ppt怎么做,傅漪,斑藓平
最近刚重构完,我们的一个项目,由原来的jsp模式改为了前后端分离,前端选型为vue,开发完成之后第一件时间就是要部署测试,服务端选的是apache。本来以为很简单的一件事情,几经坎坷部署了两天才算能够正常访问了。先记录如下,
过程搭建apache环境,vue项目build之后把生成的dist文件放到,apache下面,启动apache之后本以为能够正常访问了,
前提说下:vue项目路由model:history ,默认不会出现下面的问题,因为个人感觉项目路径中带个#实在难受
但是发现错误如下:
无法正常访问,报了一堆404,由于接触vue项目不久,一脸懵逼,于是百度了一下内容如下(vue项目部署到apache404错误)发现有很多解决方案,最常见的就是增加.htaccess,自己也按照网上方式操作了一遍,反复更改无效,当然有可能是自己配置的方式不对,反正我的是没有解决。
于是换了一个思路重新搜索了一下,看到了另一篇文章:https://www.cnblogs.com/xyyt/p/7718867.html 茅塞稍微开了一点,我的正常配置如下:
无非就是要把多的那一段路由信息去掉而已,尝试了如下变态的修改:
试着重新build发布一下到apache,奇迹的事情发生了,没问题了,一切正常,当然我的修改方式我也感觉不是很妥当,当实在找不到合适方式,只能暂时这样的修改,所有的路径都按照上面的修改,就能够正常访问了
vue项目部署到服务器页面空白的问题
开启rewrite_module功能,
loadmodule rewrite_module libexec/apache2/mod_rewrite.so,去掉前面的#;
documentroot "/users/dev/sites"(设置apache默认指向目录) <directory "/users/dev/sites"> options indexes followsymlinks multiviews multiviewsmatch any allowoverride all require all granted </directory>
设置allowoverride all是为了使apache支持.hatccess文件。
* 在该项目根目录添加.hatccess文件(平级),内容跟https://router.vuejs.org/zh-cn/essentials/history-mode.html‘>html5 history 模式(vue-router文档举例)类似,
<ifmodule mod_rewrite.c> rewriteengine on rewritebase /crm/ rewriterule ^index\.html$ - [l] rewritecond %{request_filename} !-f rewritecond %{request_filename} !-d rewriterule . /crm/ [l] </ifmodule>
,需要修改的两个地方,rewritebase /crm/;
rewriterule . /crm/ [l],要添加项目所在文件的文件名,
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
VUE+elementui组件在table-cell单元格中绘制微型echarts图
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
vue 路由懒加载中给 Webpack Chunks 命名的方法
网友评论