nginx運行vue項目


下載地址:https://nginx.org/en/download.html 

 

 

 

 

 

 

下載下來會是一個解壓包,解壓到你想放的文件夾下

運行nginx.exe,然后打開瀏覽器輸入localhost出來如下圖片所示就說明成功了:

 

 新增轉發地址(后台請求地址)

/api

 

上面是安裝配置nginx服務器的方法,下面就是如何把自己的vue項目部署到你所安裝配置的nginx服務器上的步驟了:

首先找到自己的vue的項目然后輸入命令 npm run build 他會在你的vue目錄下生成一個dist文件夾里面就是你的vue的項目

 

 然后打開這個dist文件夾把里面的內容復制下來里面會有兩個文件一個是index.html是主目錄還有一個是static文件夾

把他們復制下來然后打開你的nginx的目錄下的html文件里面會有兩個默認文件直接刪掉不要留,然后把你剛剛復制的文件粘貼進去

pub文件夾是我這里設置的,根據自己項目而定

把他們復制下來然后打開你的nginx的目錄下的html文件里面會有兩個默認文件直接刪掉不要留,然后把你剛剛復制的文件粘貼進去

運行起來登錄時發現請求頭拿取不到,到conf文件夾的ngin.conf設置如下圖:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM