1. 程式人生 > >history 路由且帶二級目錄的Apache配置

history 路由且帶二級目錄的Apache配置

問題 項目 baseurl mode router iter 目錄 nbsp 代理

有多個項目目錄的時候 由於項目不知一個,所以不得不為每一個項目建一個專有的文件夾,這就導致了在配置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 反向代理配置

如果本文對您有幫助,請擡擡您的小手,點下右下角的推薦, ^-^,

當然如果看了這篇博客對您有幫助是我最開心的事,畢竟贈人玫瑰,手有余香, ^-^,

如果這篇博客沒有幫助到您,那就只能說一聲抱歉啦

history 路由且帶二級目錄的Apache配置