真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

vue項(xiàng)目部署到Apache服務(wù)器中遇到的問題解決

最近剛重構(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ò)誤如下:

vue項(xiàng)目部署到Apache服務(wù)器中遇到的問題解決

無法正常訪問,報(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),我的正常配置如下:

vue項(xiàng)目部署到Apache服務(wù)器中遇到的問題解決

無非就是要把多的那一段路由信息去掉而已,嘗試了如下變態(tài)的修改:

vue項(xiàng)目部署到Apache服務(wù)器中遇到的問題解決

試著重新build發(fā)布一下到Apache,奇跡的事情發(fā)生了,沒問題了,一切正常,當(dāng)然我的修改方式我也感覺不是很妥當(dāng),當(dāng)實(shí)在找不到合適方式,只能暫時(shí)這樣的修改,所有的路徑都按照上面的修改,就能夠正常訪問了

vue項(xiàng)目部署到

  • 然后資源都獲取到了也都加載了但是頁(yè)面還是空白,沒有進(jìn)行渲染(這個(gè)問題好像和問題1相同,當(dāng)時(shí)沒有記錄下來現(xiàn)在回憶起來有點(diǎn)模糊),通過后端配置解決了問題。
  • 頁(yè)面渲染成功各頁(yè)面跳轉(zhuǎn)頁(yè)都正常了,但是又出現(xiàn)了在當(dāng)前頁(yè)面刷新都會(huì)出現(xiàn)404的問題,因?yàn)橹挥幸粋€(gè)index.html文件,url中的路由跳轉(zhuǎn)都是vue-router進(jìn)行在實(shí)際文件中沒有l(wèi)ogin.html等文件,服務(wù)器在找這些頁(yè)面會(huì)找不到出現(xiàn)404錯(cuò)誤,因此需要后端服務(wù)器配置進(jìn)行404全部跳轉(zhuǎn)到index.html解決問題。
  • 閑著沒事有想到問題3,后端到底如何配置的,自己就實(shí)現(xiàn)了一遍,以mac下自帶apache為例進(jìn)行配置
    • 到mac下apache安裝路徑/private/etc/apache2/httpd.conf中, (apahce的配置文件)
  • 開啟rewrite_module功能,

    LoadModule rewrite_module libexec/apache2/mod_rewrite.so,去掉前面的#;

    DocumentRoot "/users/Dev/sites"(設(shè)置apache默認(rèn)指向目錄)
    
    Options Indexes FollowSymLinks Multiviews
    MultiviewsMatch Any
    AllowOverride All
    Require all granted
    
    

    設(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文檔舉例)類似,

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

    ,需要修改的兩個(gè)地方,RewriteBase /crm/;

    RewriteRule . /crm/index.html [L],要添加項(xiàng)目所在文件的文件名,

    以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。


    網(wǎng)站標(biāo)題:vue項(xiàng)目部署到Apache服務(wù)器中遇到的問題解決
    本文來源:
    http://weahome.cn/article/ijjjos.html

    其他資訊

    在線咨詢

    微信咨詢

    電話咨詢

    028-86922220(工作日)

    18980820575(7×24)

    提交需求

    返回頂部