最近在做項目的過程中,為了節省服務器,需要在原來的項目中部署子目錄的形式、總的來說,需要修改項目中的配置以及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即可。