部署vue项目到服务器,vue部署到apache

　　主要介绍了apache服务器中Vue.js项目部署问题的解决方法，通过示例代码介绍的非常详细，对大家的学习或者工作有一定的参考价值。有需要的朋友就跟着下面的边肖学习吧。

目录

　　 Vue.js项目在apache服务器部署后刷新404。解决方案是首先配置Apache的基本设置，比如监听端口和放置打包项目的路径。参考https://www.jb51.net/article/252857.htm.

Vue.js项目在apache服务器部署后刷新404

造成原因

　　vue路由的URL有两种模式，一种是hash，一种是history。历史模式更好，这种模式充分利用了history.pushState API来完成URL跳转，无需重新加载页面。

　　使用hisory模式时，因为地址并不真正存在，所以在刷新时会报告404错误。

　　为了解决这个问题，我们只需要配置服务器，如果URL不匹配任何静态资源，就跳转到默认的index.html。

解决方案

　　打开Apache安装目录中的httpd.conf文件。

　　打开以下默认注释文件：

　　load module rewrite _ module modules/mod _ rewrite . so

　　在当前文件夹中查找：AllowOverride，默认为None，修改为All。AllowOverride All已设置，以便apache可以支持。hatccess文件。

　　注意：这个文件夹里有很多AllowOverride。不要修改错误的位置。

　　在Apache项目部署文件夹中，添加包含以下内容的.htaccess文件：

　　IfModule mod_rewrite.c

　　重写引擎开启

　　重写库/

　　重写者^index\.html$ - [L]

　　第二次重写% {请求文件名}！-f

　　第二次重写% {请求文件名}！-d

　　重写者。/index.html [L

　　/IfModule

　　重启Apache就行了。

　　注意：这是把vue打包的文件放在Apache根目录下，适用场景不大。

　　打包文件在Apache的非根目录下无法访问的问题

　　通常我们需要将vue包项目放在Apache子文件夹中。例如，子文件夹名为UASWeb。

　　重启Apache。

　　访问时，只需在端口后添加/UASWeb即可。

　　关于在apache服务器中部署Vue.js项目问题的解决方案，本文到此为止。关于通过Vue.js部署apache服务器的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。