VUE - Apache 部署 Vue SPA 项目，刷新 404 ， Apache 配置处理

问题描述

因一些原因，使用 Apache 部署 Vue SPA 项目，静态路由刷新后 404 ;

官方推荐

https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E5%90%8E%E7%AB%AF%E9%85%8D%E7%BD%AE%E4%BE%8B%E5%AD%90

Apache 配置

httpd.conf 文件

mod_rewrite.so

默认是注释的，打开即可

LoadModule rewrite_module modules/mod_rewrite.so

AllowOverride

默认是 None , 修改成 All

.htaccess 文件

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

此文件放在那里下面 dist 文件夹下即可

部署到 Apache 中为

root@bc0a70f92c9c:/usr/local/apache2/htdocs# ls -a
.  ..  .htaccess  css  favicon.ico  fonts  img  index.html  js  logo.png

VUE - Apache 部署 Vue SPA 项目，刷新 404 ， Apache 配置处理相关推荐

Tomcat部署war包项目请求404
问题描述 Linux上用Tomcat部署war包项目请求404.前端项目配置的后台地址本身是只有ip加端口的,但是会404,我就在端口后面加上项目文件夹的名称,例如在webapps下是test,前台请 ...
vue框架如何将SPA项目改为SSR项目
相信使用vue spa模式开发页面的都知道,使用spa模式的项目首页加载很慢,就算你再怎么切割chunks,首页加载时总会有几秒钟的白屏,非常影响体验,而且spa项目很难进行seo. 如果你也遇到了上 ...
Docker实战之通过nginx镜像来部署静态SPA项目
Docker中安装Nginx 本章主要是教大家怎么在Docker 中使用nginx 文章目录 Docker中安装Nginx 前言一.Docker中安装nginx 1.1搜索nginx镜像 1.2拉取 ...
宝塔nginx运行vue项目刷新404问题解决
我的项目是webpack构建的,因为我做一切开发都想要希望要从一个标准的构建去编码所以,我的项目在node下运行,开发,调试是没有一点问题的,npm run build也是完全OK的,vue路由是h ...
转《Angular4项目部署到服务器上刷新404解决办法》
刚遇到Angular4项目npm run build 后部署到服务器可以访问,但是刷新页面会出现404的错误!转载一大神的操作解决angular2页面刷新后报404错误办法: 配置app.modul ...
apache部署多个项目
配置多个ip 简单的说,打开httpd.conf 在最后加入如下内容: <VirtualHost 127.0.0.2:80>DocumentRoot d:/AppServ/www2Serv ...
Nginx部署Vue项目动态路由刷新404
目录前言第一次第二次前言记录下Nginx部署Vue项目刷新404的解决方案,遇到了两次,route用的是history路由模式,动态路由: {path: '/article/:blogId' ...
Vue CLI构建SPA项目教你手把手创建SPA项目
下载安装Vue-CLI 官方文档:https://cli.vuejs.org/zh/ 首先要确定自己的电脑上安装了 Node.js 8.9 或更高版本. 然后,我们就可以使用 npm 来安装 vue/ ...
[Vue.js]实战 -- 电商项目(一)
项目目录项目概述项目初始化登录/退出功能主页布局用户管理模块权限管理模块分类管理模块参数管理模块商品管理模块订单管理模块数据统计模块项目概述电商项目基本业务概述电商后台管理 ...

VUE - Apache 部署 Vue SPA 项目，刷新 404 ， Apache 配置处理

问题描述

Apache 配置

VUE - Apache 部署 Vue SPA 项目，刷新 404 ， Apache 配置处理相关推荐

最新文章

热门文章