vue部署服務器以及解決部署到apache路由出現404


  最近在開發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服務器正常跳轉了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM