成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

vue項(xiàng)目打包后想發(fā)布在apache www/vue 目錄下

curlyCheng / 3451人閱讀

摘要：使用的是做示例，其他項(xiàng)目應(yīng)該大同小異。然后找到的那行，把它改成，來使文件生效。在的目錄下新建文件需要修改為否則刷新頁面服務(wù)端會直接報(bào)錯(cuò)誤。第一點(diǎn)比較重要，參考項(xiàng)目的文檔上也沒有說明，加上不夠細(xì)致，對新手還是有門檻的。

使用的是vue-element-admin 做示例，其他項(xiàng)目應(yīng)該大同小異。

使用vue-router的browserHistory模式，配置mode: "history", 有更好的體驗(yàn)。

目的： 想將項(xiàng)目打包后發(fā)布到apache的www下的vue子目錄 先講結(jié)論：

需要修改router/index.js中new Router 配置，加一個(gè)base: "/vue/", 它指定應(yīng)用的基路徑，該應(yīng)用是服務(wù)于localhost/vue路徑下，所以必須加base配置，否則應(yīng)用會展示404頁面

需要修改config/index.js中build下的assetsPublicPath: "/vue/"，如果用相對路徑，chunk文件會報(bào)錯(cuò)找不到。

修改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, 否則刷新頁面服務(wù)端會直接報(bào)404錯(cuò)誤。

.htaccess文件內(nèi)容 

  RewriteEngine On
  RewriteBase /
  RewriteRule ^index.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /vue/index.html [L]

放到www根目錄，或更深的目錄，只需要對應(yīng)的修改即可。第一點(diǎn)比較重要，參考項(xiàng)目的文檔上也沒有說明，加上不夠細(xì)致，對新手還是有門檻的。

希望這篇文檔幫助更多人。。。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/90347.html

相關(guān)文章

  • Vue項(xiàng)目的部署簡述

    摘要：但是有些工程師學(xué)過一些自以為很高深，把項(xiàng)目部署在靜態(tài)服務(wù)文件夾下然后啟動(dòng)服務(wù)器以帶動(dòng)項(xiàng)目。 現(xiàn)在vue-cli已經(jīng)是前端工程師必會的框架了（沒有之一），很多前端工程師只會Vue項(xiàng)目的開發(fā)，并不會部署，因?yàn)榇蟛糠止卷?xiàng)目的部署工作是交給自己的上級或者項(xiàng)目管理者的，關(guān)于部署的相關(guān)知識可能大家都不甚了解，今天就給大家深入講解一下我對Vue項(xiàng)目部署的心得和體會！ 1.Vue項(xiàng)目打包 vue項(xiàng)目...

    stefanieliang 評論0 收藏0

  • Vue組件庫開發(fā)總結(jié)

    摘要：組件庫開發(fā)總結(jié)由于工作需要，最近在學(xué)習(xí)怎么開發(fā)一個(gè)組件庫。按需打包的使用要使用按需打包，不僅組件庫的打包需要做處理，項(xiàng)目中也需要做處理。 Vue組件庫開發(fā)總結(jié) 由于工作需要，最近在學(xué)習(xí)怎么開發(fā)一個(gè)Vue組件庫。主要需要實(shí)現(xiàn)以下點(diǎn)：1.組件使用npm包引入2.實(shí)現(xiàn)按需引入及按需打包項(xiàng)目中許多實(shí)現(xiàn)是參考的element-ui，特別是webpack打包部分 組織項(xiàng)目 項(xiàng)目生成 項(xiàng)目生成是直接...

    longshengwang 評論0 收藏0

  • Vue-項(xiàng)目從本地搭建到線上部署（wǒ shì biaō tí dǎng）

    摘要：放置在目錄下或通過絕對路徑被引用。對于相關(guān)來說，我們推薦使用而不是直接鏈?zhǔn)街付?。在不更改配置文件的情況下，前端頁面迭代發(fā)布，不需要重啟服務(wù)。 作者：gauseen 0. 關(guān)于 Vuejs 簡介：Vue (讀音 /vju?/，類似于 view) 是一套用于構(gòu)建用戶界面的漸進(jìn)式框架，易用、靈活、高效。 生態(tài)系統(tǒng) 項(xiàng)目 介紹 awesome-vue Vue.js 相關(guān)很棒的...

    Arno 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<