history 路由且帶二級目錄的Apache配置
阿新 • • 發佈:2018-11-15
問題 項目 baseurl mode router iter 目錄 nbsp 代理 有多個項目目錄的時候
由於項目不知一個,所以不得不為每一個項目建一個專有的文件夾,這就導致了在配置nginx的時候會出現二級目錄
- step1: 修改 vue.config.js
添加配置 baseUrl: ‘/dist/‘,
- step2: 修改 router/index.js ------因為多了一層目錄因此要在base裏添加上
添加: ----解決了history的路徑問題
const router = new VueRouter({ mode: ‘history‘, base: ‘/dist/‘, routes })
- step3: 修改apache 配置
<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 反向代理配置
如果本文對您有幫助,請擡擡您的小手,點下右下角的推薦, ^-^,
當然如果看了這篇博客對您有幫助是我最開心的事,畢竟贈人玫瑰,手有余香, ^-^,
如果這篇博客沒有幫助到您,那就只能說一聲抱歉啦
history 路由且帶二級目錄的Apache配置