最近剛重構(gòu)完,我們的一個項目,由原來的jsp模式改為了前后端分離,前端選型為vue,開發(fā)完成之后第一件時間就是要部署測試,服務(wù)端選的是Apache。本來以為很簡單的一件事情,幾經(jīng)坎坷部署了兩天才算能夠正常訪問了。先記錄如下,
創(chuàng)新互聯(lián)建站主要從事網(wǎng)站設(shè)計制作、做網(wǎng)站、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)天門,十多年網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18980820575過程搭建Apache環(huán)境,vue項目build之后把生成的dist文件放到,Apache下面,啟動Apache之后本以為能夠正常訪問了,
前提說下:vue項目路由model:history ,默認(rèn)不會出現(xiàn)下面的問題,因為個人感覺項目路徑中帶個#實在難受
但是發(fā)現(xiàn)錯誤如下:
無法正常訪問,報了一堆404,由于接觸vue項目不久,一臉懵逼,于是百度了一下內(nèi)容如下(vue項目部署到Apache404錯誤)發(fā)現(xiàn)有很多解決方案,最常見的就是增加.htaccess,自己也按照網(wǎng)上方式操作了一遍,反復(fù)更改無效,當(dāng)然有可能是自己配置的方式不對,反正我的是沒有解決。
于是換了一個思路重新搜索了一下,看到了另一篇文章:https://www.cnblogs.com/xyyt/p/7718867.html 茅塞稍微開了一點(diǎn),我的正常配置如下:
無非就是要把多的那一段路由信息去掉而已,嘗試了如下變態(tài)的修改:
試著重新build發(fā)布一下到Apache,奇跡的事情發(fā)生了,沒問題了,一切正常,當(dāng)然我的修改方式我也感覺不是很妥當(dāng),當(dāng)實在找不到合適方式,只能暫時這樣的修改,所有的路徑都按照上面的修改,就能夠正常訪問了
vue項目部署到服務(wù)器頁面空白的問題
開啟rewrite_module功能,
LoadModule rewrite_module libexec/apache2/mod_rewrite.so,去掉前面的#;
DocumentRoot "/users/Dev/sites"(設(shè)置apache默認(rèn)指向目錄) <Directory "/users/Dev/sites"> Options Indexes FollowSymLinks Multiviews MultiviewsMatch Any AllowOverride All Require all granted </Directory>
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
網(wǎng)站標(biāo)題:vue項目部署到Apache服務(wù)器中遇到的問題解決-創(chuàng)新互聯(lián)
轉(zhuǎn)載注明:http://redsoil1982.com.cn/article30/cocoso.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供Google、定制網(wǎng)站、商城網(wǎng)站、定制開發(fā)、小程序開發(fā)、品牌網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容