vue-cli3项目发布在apache

154 阅读1分钟

一、修改router.js配置,加一个 base: '/vue/', mode: 'history';

在这里插入图片描述

二、在vue.config.js的 module.exports = { publicPath: '/vue/' };

在这里插入图片描述

三、修改httpd.conf文件,开启rewrite_module功能:  

1. LoadModule rewrite_module libexec/apache2/mod_rewrite.so,去掉前面的#;
2. 找到AllowOverride None,把它改成AllowOverride All,来使.htaccess 文件生效;

四、在apache 的www/vue 目录下新建.htaccess文件

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteRule ^index\.html$ - [L]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule . /vue/index.html [L]
</IfModule>