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即可。

原文地址:https://www.cnblogs.com/alice626/p/13219206.html