如何使用nginx同时部署多个Vue项目？

本文共计922个文字，预计阅读时间需要4分钟。

上一篇文章已介绍完自然后，今天因公司需求，需在同一域名端口下部署两个项目；今天中午忙了一上午，终于弄好了，就简单记一下。如何连接阿里云服务器就不在这里详述了。

上一篇已经介绍了然后配置web项目；今天由于公司需求，需要在同一域名端口下，部署两个项目；今天花了一上午终于弄好了，选择赶紧做一个笔记。

如何连接阿里云服务器就不在这里说了，请看我以前的文章。

首先需要的效果

47.97.244.83/login
47.97.244.83/student/login

文件目录

两个项目并列在同一文件夹内。

准备好两个vue的项目

47.97.244.83/login：这个不用修改配置直接build就可以。关键是二级域名的vue项目，需要进行一下修改。

首先在config文件夹内的index.js内修改(注意是build内)

// nginx 配置 assetsPublicPath: '/student/',

这样确保生产出来的文件，在index.html中都是在student下。