最近剛重構(gòu)完,我們的一個(gè)項(xiàng)目,由原來的jsp模式改為了前后端分離,前端選型為vue,開發(fā)完成之后第一件時(shí)間就是要部署測(cè)試,服務(wù)端選的是Apache。本來以為很簡(jiǎn)單的一件事情,幾經(jīng)坎坷部署了兩天才算能夠正常訪問了。先記錄如下,
站在用戶的角度思考問題,與客戶深入溝通,找到宜州網(wǎng)站設(shè)計(jì)與宜州網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗(yàn),讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品,建站類型包括:網(wǎng)站建設(shè)、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名與空間、虛擬主機(jī)、企業(yè)郵箱。業(yè)務(wù)覆蓋宜州地區(qū)。
過程搭建Apache環(huán)境,vue項(xiàng)目build之后把生成的dist文件放到,Apache下面,啟動(dòng)Apache之后本以為能夠正常訪問了,
前提說下:vue項(xiàng)目路由model:history ,默認(rèn)不會(huì)出現(xiàn)下面的問題,因?yàn)閭€(gè)人感覺項(xiàng)目路徑中帶個(gè)#實(shí)在難受
但是發(fā)現(xiàn)錯(cuò)誤如下:
無法正常訪問,報(bào)了一堆404,由于接觸vue項(xiàng)目不久,一臉懵逼,于是百度了一下內(nèi)容如下(vue項(xiàng)目部署到Apache404錯(cuò)誤)發(fā)現(xiàn)有很多解決方案,最常見的就是增加.htaccess,自己也按照網(wǎng)上方式操作了一遍,反復(fù)更改無效,當(dāng)然有可能是自己配置的方式不對(duì),反正我的是沒有解決。
于是換了一個(gè)思路重新搜索了一下,看到了另一篇文章:https://www.cnblogs.com/xyyt/p/7718867.html 茅塞稍微開了一點(diǎn),我的正常配置如下:
無非就是要把多的那一段路由信息去掉而已,嘗試了如下變態(tài)的修改:
試著重新build發(fā)布一下到Apache,奇跡的事情發(fā)生了,沒問題了,一切正常,當(dāng)然我的修改方式我也感覺不是很妥當(dāng),當(dāng)實(shí)在找不到合適方式,只能暫時(shí)這樣的修改,所有的路徑都按照上面的修改,就能夠正常訪問了
vue項(xiàng)目部署到 開啟rewrite_module功能, LoadModule rewrite_module libexec/apache2/mod_rewrite.so,去掉前面的#; 設(shè)置AllowOverride All是為了使apache支持.hatccess文件。 * 在該項(xiàng)目根目錄添加.hatccess文件(index.html平級(jí)),內(nèi)容跟https://router.vuejs.org/zh-cn/essentials/history-mode.html‘>HTML5 History 模式(vue-router文檔舉例)類似, ,需要修改的兩個(gè)地方,RewriteBase /crm/; RewriteRule . /crm/index.html [L],要添加項(xiàng)目所在文件的文件名, 以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。
DocumentRoot "/users/Dev/sites"(設(shè)置apache默認(rèn)指向目錄)
網(wǎng)站標(biāo)題:vue項(xiàng)目部署到Apache服務(wù)器中遇到的問題解決
本文來源:http://weahome.cn/article/ijjjos.html