如何通过nginx部署多个vue项目实现高效访问？

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

上一篇文章已介绍了然后配置了web项目；今天由于公司需求，需要在同一域名端口下部署两个项目；今天上午忙了一上午终于弄好了，选了个简单的笔记应用。如何连接阿里云服务器就不在这赘述了。

上一篇已经介绍了然后配置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下。