• <fieldset id="8imwq"><menu id="8imwq"></menu></fieldset>
  • <bdo id="8imwq"><input id="8imwq"></input></bdo>
    最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
    問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
    當前位置: 首頁 - 科技 - 知識百科 - 正文

    nginx部署訪問vue-cli搭建的項目的方法

    來源:懂視網 責編:小采 時間:2020-11-27 22:19:26
    文檔

    nginx部署訪問vue-cli搭建的項目的方法

    nginx部署訪問vue-cli搭建的項目的方法:從vue-router官網了解到如果是用history模式構建的vue項目打包后是需要后端配置支持的,而hash是不需要的,只不過地址會多了一個#/的后綴。使用hash模式構建的項目打包后,我只需要使用webstorm之類的軟件打開訪問就能成功了。 但是我用history模式
    推薦度:
    導讀nginx部署訪問vue-cli搭建的項目的方法:從vue-router官網了解到如果是用history模式構建的vue項目打包后是需要后端配置支持的,而hash是不需要的,只不過地址會多了一個#/的后綴。使用hash模式構建的項目打包后,我只需要使用webstorm之類的軟件打開訪問就能成功了。 但是我用history模式

    從vue-router官網了解到如果是用history模式構建的vue項目打包后是需要后端配置支持的,而hash是不需要的,只不過地址會多了一個#/的后綴。使用hash模式構建的項目打包后,我只需要使用webstorm之類的軟件打開訪問就能成功了。

    但是我用history模式構建的項目需要借助后臺技術,我這里選用的是nginx反向代理來部署項目。具體做法如下:

    1、創建后臺服務器 對象

    upstream mixVueServer{ 
     server baidu.com;#這里是自己服務器域名 
    } 

    2、創建訪問端口和反向代理規則

    server { 
     listen 8082; 
     server_name localhost; 
    
     location / { 
     root E:/mix_vue/dist;#定位到項目的目錄 
     #index index.html index.htm; 
     try_files $uri $uri/ /index.html;#根據官網這規則配置 
     } 
     location ~ \.php${ 
     proxy_pass http://mixVueServer;#根據后端語言做反向代理處理跨域問題 
     proxy_set_header Host $host; 
     proxy_set_header X-Real-IP $remote_addr; 
     } 
     
     error_page 500 502 503 504 /50x.html; 
     location = /50x.html { 
     root html; 
     } 
     } 

    最后,直接地址欄輸入端口訪問:

    聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

    文檔

    nginx部署訪問vue-cli搭建的項目的方法

    nginx部署訪問vue-cli搭建的項目的方法:從vue-router官網了解到如果是用history模式構建的vue項目打包后是需要后端配置支持的,而hash是不需要的,只不過地址會多了一個#/的后綴。使用hash模式構建的項目打包后,我只需要使用webstorm之類的軟件打開訪問就能成功了。 但是我用history模式
    推薦度:
    標簽: VUE 的方法 的項目
    • 熱門焦點

    最新推薦

    猜你喜歡

    熱門推薦

    專題
    Top
    主站蜘蛛池模板: 精品无人区无码乱码毛片国产| 亚洲日韩中文在线精品第一| 天天爽夜夜爽8888视频精品| 国产99精品久久| 四虎精品亚洲一区二区三区| 国产精品久久免费| 日韩精品无码一区二区三区不卡| 国语自产精品视频| 免费精品视频在线| 91精品久久久久久无码| 91精品国产91久久久久福利| 亚洲AV日韩精品久久久久久| 免费看一级毛片在线观看精品视频| 桃花岛精品亚洲国产成人| 国产欧美精品AAAAAA片| 亚洲永久精品ww47| 久久精品成人| 国产小呦泬泬99精品| 中文精品一卡2卡3卡4卡| 国产精品99久久99久久久| 亚洲av永久无码精品表情包| 欧美日韩国产中文精品字幕自在自线| 99精品在线免费| 一级香蕉精品视频在线播放| 国产亚洲精品a在线观看app| 国产AV无码专区亚洲精品| 精品国精品国产自在久国产应用| 亚洲精品~无码抽插| 中文字幕精品久久| 欧美亚洲日本久久精品| 久久久久人妻一区精品果冻| 精品久久综合1区2区3区激情| 国产999精品久久久久久| 中文字幕精品一区二区日本| 欧美精品888| 午夜精品美女自拍福到在线| 久久最新精品国产| 午夜精品视频在线观看| 精品久久久久久亚洲精品| 国产日韩精品欧美一区喷水| 精品国产乱码久久久久久郑州公司|