有多个项目目录的时候
由于项目不知一个,所以不得不为每一个项目建一个专有的文件夹,这就导致了在配置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 反向代理配置
如果本文对您有帮助,请抬抬您的小手,点下右下角的推荐, ^-^,
当然如果看了这篇博客对您有帮助是我最开心的事,毕竟赠人玫瑰,手有余香, ^-^,
如果这篇博客没有帮助到您,那就只能说一声抱歉啦