最近在開發cms的時候使用Vue.js框架,利用vue-route、vue-cli結合webpack編寫了一個單頁路由項目,自己在服務器端配置apache。部署完成后,訪問沒問題,從頁面中點擊跳轉就會報錯,就會出現404現象!在本地開發中是沒有這個問題的,調試的時候一切都是正常的。
步驟一:
在config/index.js文件里的assetsPublicPath改成你放在服務器的文件路徑里,根目錄就是:/ 如果是放在某個文件夾,例: /vuep/
步驟二:
在自己的路由配置中加入base屬性,屬性的值根據自己項目放置的位置來設定,如圖所示,我自己的就是:/vuep/
步驟三:
設定完這些后,在Apache服務器上路由跳轉是有問題的,需要在apache的配置文件httpd.conf里面配置路由跳轉,(注:如果是放在根目錄,RewriteRule的值就是./index.html [L] ,因為我自己的是放在vuep文件夾里面的)如圖所示,在配置文件加入如下代碼:
AllowOverride all
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ./vuep/index.html [L]
配置完這些后,自己的項目就可以在apache服務器正常跳轉了