Vue.js项目在apache服务器部署问题解决
首先需配置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 文件，内容如下：
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
</IfModule>重启Apache即可。
注意：这种是把vue打包文件放在Apache根目录下，适用场景不大。
打包文件放在Apache非根目录无法访问的问题
通常我们需要把vue打包项目放在Apache子文件夹中。如子文件夹名为：UASWeb
重启Apache。
访问时，端口后面添上/UASWeb即可。
到此这篇关于Vue.js项目在apache服务器部署问题解决的文章就介绍到这了,更多相关Vue.js部署apache服务器内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网！
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
