vue項目nginx部署子目錄


最近在做項目的過程中,為了節省服務器,需要在原來的項目中部署子目錄的形式、總的來說,需要修改項目中的配置以及ngnix的配置才可實現

一 修改vue項目中的配置

1)找到config/index.js文件,把dev和build中的assetsPublicPath 改成二級目錄的名稱,例如:

2) 在路由處做修改,添加base

這樣添加好之后,就可以在本地運行看,本地的url也是有app前綴的

 

由於打包添加了子目錄,所以index.html的資源引用添加了app文件夾,所以部署的包必須一致,也必須是app文件夾(子目錄名稱),可以打開index文件看下資源路徑

 

默認build后,包名是dist文件夾,可以通過修改 config / index.js的配置來達到,代碼如下:

 

二 nginx的配置

對應的nginx配置參照如下:

 

配置好之后,重啟nginx即可。

 


免責聲明!

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



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