nginx配置多个vue项目前台如何打包

需求分析：如果只有一台服务器，但是要布置多个vue项目，但是路由相同，如何进行区分呢，那就是在路由的前面加一个base加以区分，打包的时候让人头皮发麻，特此总结：

首先，在vue-router设置 base 路径,如图

设置base

打开config文件夹下的index.js，将build下的assetsPublicPath设为'/app/'，代码如下

assetsPublicPath: '/app/',

如果打包以后assets文件夹下的图片无法显示，路径错误，那就更改build文件夹下的utils.js中加入，如图所示

publicPath:'../../'

设置publicPath

然后npm run build进行打包，你会发现根目录多了一个dist包，只需要将这个包给后台就可以了，里面包含了一个index.html以及一个static文件夹。如图所示

dist文件夹