Vue.js项目在apache服务器部署问题解决 Vue.js项目在apache服务器部署问

Vue.js项目在apache服务器部署后刷新404
造成原因
解决方案

首先需配置Apache基本设置，如监听端口，放置打包项目的路径等，参考：https://www.jb51.net/article/252857.htm

Vue.js项目在apache服务器部署后刷新404
造成原因 vue 路由的URL有两种模式，一种是 hash，一种是history ，history 模式更好看一些，并且这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。

文章图片

在使用hisory模式时，由于地址并不是真实存在，那么在刷新的情况下，这个会报404错误。
对于这个问题，我们只需要在服务器配置如果URL匹配不到任何静态资源，就跳转到默认的index.html

解决方案 Apache安装目录中打开httpd.conf 文件

文章图片

将默认注释的以下文件打开：

LoadModule rewrite_module modules/mod_rewrite.so

文章图片

在当前文件夹中查找：AllowOverride ，默认是 None , 修改成 All。设置AllowOverride All是为了使apache支持.hatccess文件

注意：这个文件夹中有很多AllowOverride，不要修改错了位置

文章图片

在Apache项目部署文件夹中，添加 .htaccess 文件，内容如下：

文章图片

RewriteEngine OnRewriteBase /RewriteRule ^index\.html$ - [L]RewriteCond %{REQUEST_FILENAME} !-fRewriteCond %{REQUEST_FILENAME} !-dRewriteRule . /index.html [L]

重启Apache即可。
注意：这种是把vue打包文件放在Apache根目录下，适用场景不大。
打包文件放在Apache非根目录无法访问的问题
通常我们需要把vue打包项目放在Apache子文件夹中。如子文件夹名为：UASWeb

文章图片

文章图片

重启Apache。
访问时，端口后面添上/UASWeb即可。

文章图片

【Vue.js项目在apache服务器部署问题解决】 到此这篇关于Vue.js项目在apache服务器部署问题解决的文章就介绍到这了,更多相关Vue.js部署apache服务器内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

Vue.js项目在apache服务器部署问题解决

推荐阅读

博世热水器代码怎么样是什么故障,出现这故障是什么原因

vb.netdism的简单介绍

汕头好玩还是潮州好玩

清扬洗发水什么成份和功效

京东商城界面设计分析

武汉周黑鸭的做法武汉黑鸭子

直播团单工具，主播团播有什么任务

温馨诚挚生日祝福语一句话

佳明导航仪

关于杜甫的古诗杜甫的古诗有哪些

Spring|Spring 注解配置（2）——@Autowired

thinkphp手动记录日志，php如何记录日志

事实重婚罪公安局未立案重婚罪公安不立案

小游戏制作平台，怎么制作微信的小游戏什么平台适合

油鱼的功效与作用

wosports S6使用说明

李银河新浪微博李银河的博客

亮点|终于等来华为P50系列发布会新品亮点价格全在这！

网络安全解决方案,校园网网络安全解决方案

this怎么读英语语音 this怎么读英语