history 路由且带二级目录的Apache配置

Posted 2021-01-20 蝈蝈flying

有多个项目目录的时候

由于项目不知一个，所以不得不为每一个项目建一个专有的文件夹，这就导致了在配置nginx的时候会出现二级目录

 

- step1: 修改 vue.config.js

 

添加配置 baseUrl: ‘/dist/‘,

 

- step2: 修改 router/index.js    ------因为多了一层目录因此要在base里添加上

const router = new VueRouter({
  mode: ‘history‘,
  base: ‘/dist/‘,
  routes
})

 

 

- step3: 修改apache 配置

 

添加：  ----解决了history的路径问题

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

 

- step4: apache 反向代理配置

 

 

如果本文对您有帮助，请抬抬您的小手，点下右下角的推荐， ^-^，

当然如果看了这篇博客对您有帮助是我最开心的事，毕竟赠人玫瑰，手有余香， ^-^，

如果这篇博客没有帮助到您，那就只能说一声抱歉啦