本篇內(nèi)容主要講解“nginx中怎么部署訪問vue-cli搭建的項目”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“nginx中怎么部署訪問vue-cli搭建的項目”吧!

成都創(chuàng)新互聯(lián)堅持“要么做到，要么別承諾”的工作理念，服務領域包括：成都網(wǎng)站建設、網(wǎng)站設計、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務，滿足客戶于互聯(lián)網(wǎng)時代的鎮(zhèn)寧網(wǎng)站設計、移動媒體設計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡建設合作伙伴！

用history模式構(gòu)建的項目需要借助后臺技術，這里選用的是nginx反向代理來部署項目。具體做法如下：

1、創(chuàng)建后臺服務器 對象

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

2、創(chuàng)建訪問端口和反向代理規(guī)則

server { 
    listen    8082; 
    server_name localhost; 

    location / { 
      root  E:/mix_vue/dist;#定位到項目的目錄 
      #index index.html index.htm; 
    try_files $uri $uri/ /index.html;#根據(jù)官網(wǎng)這規(guī)則配置 
    } 
  location ~ \.php${ 
    proxy_pass http://mixVueServer;#根據(jù)后端語言做反向代理處理跨域問題 
    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; 
    } 
  }

到此，相信大家對“nginx中怎么部署訪問vue-cli搭建的項目”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關內(nèi)容可以進入相關頻道進行查詢，關注我們，繼續(xù)學習！