摘要:使用的是做示例,其他項目應該大同小異。然后找到的那行,把它改成,來使文件生效。在的目錄下新建文件需要修改為否則刷新頁面服務端會直接報錯誤。第一點比較重要,參考項目的文檔上也沒有說明,加上不夠細致,對新手還是有門檻的。
使用的是vue-element-admin 做示例,其他項目應該大同小異。
使用vue-router的browserHistory模式,配置mode: "history", 有更好的體驗。
目的: 想將項目打包后發布到apache的www下的vue子目錄 先講結論:需要修改router/index.js中new Router 配置,加一個base: "/vue/", 它指定應用的基路徑,該應用是服務于localhost/vue路徑下,所以必須加base配置,否則應用會展示404頁面
需要修改config/index.js中build下的assetsPublicPath: "/vue/",如果用相對路徑,chunk文件會報錯找不到。
修改httpd.conf文件,開啟rewrite_module功能。
LoadModule rewrite_module libexec/apache2/mod_rewrite.so,去掉前面的#。
然后找到 AllowOverride None的那行,把它改成AllowOverride All,來使.htaccess文件生效。
在apache 的www/vue 目錄下新建.htaccess文件, 需要修改RewriteRule 為/vue/index.html, 否則刷新頁面服務端會直接報404錯誤。
.htaccess文件內容RewriteEngine On RewriteBase / RewriteRule ^index.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /vue/index.html [L]
放到www根目錄,或更深的目錄,只需要對應的修改即可。第一點比較重要,參考項目的文檔上也沒有說明,加上不夠細致,對新手還是有門檻的。
希望這篇文檔幫助更多人。。。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/90347.html
摘要:但是有些工程師學過一些自以為很高深,把項目部署在靜態服務文件夾下然后啟動服務器以帶動項目。 現在vue-cli已經是前端工程師必會的框架了(沒有之一),很多前端工程師只會Vue項目的開發,并不會部署,因為大部分公司項目的部署工作是交給自己的上級或者項目管理者的,關于部署的相關知識可能大家都不甚了解,今天就給大家深入講解一下我對Vue項目部署的心得和體會! 1.Vue項目打包 vue項目...
摘要:組件庫開發總結由于工作需要,最近在學習怎么開發一個組件庫。按需打包的使用要使用按需打包,不僅組件庫的打包需要做處理,項目中也需要做處理。 Vue組件庫開發總結 由于工作需要,最近在學習怎么開發一個Vue組件庫。主要需要實現以下點:1.組件使用npm包引入2.實現按需引入及按需打包項目中許多實現是參考的element-ui,特別是webpack打包部分 組織項目 項目生成 項目生成是直接...
摘要:放置在目錄下或通過絕對路徑被引用。對于相關來說,我們推薦使用而不是直接鏈式指定。在不更改配置文件的情況下,前端頁面迭代發布,不需要重啟服務。 作者:gauseen 0. 關于 Vuejs 簡介:Vue (讀音 /vju?/,類似于 view) 是一套用于構建用戶界面的漸進式框架,易用、靈活、高效。 生態系統 項目 介紹 awesome-vue Vue.js 相關很棒的...
閱讀 712·2021-10-14 09:42
閱讀 1966·2021-09-22 15:04
閱讀 1571·2019-08-30 12:44
閱讀 2134·2019-08-29 13:29
閱讀 2730·2019-08-29 12:51
閱讀 542·2019-08-26 18:18
閱讀 698·2019-08-26 13:43
閱讀 2803·2019-08-26 13:38