nginx部署多个vue多页面项目

众所周知，vue主要是用于开发单页应用的，在网上，也可以通过修改配置文件，实现多页面应用的开发，通过配置方式的开发多页面会有较多的缺点，在网上有许多论述，在此不再多言。此篇文章主要讲的是vue多页面的项目在nginx上部署，实现前后端分离，后台通过webapi和ajax的方式获取数据的方式。
1、 首先需要做的是在服务器上安装nginx服务器，个人使用的是Ubuntu20.4版本，这个网上的教程较多，不做过多介绍。
2、修改nginx的配置文件，在安装完成之后，输入nginx -v查看nginx服务的版本，如下图：

然后cd到/etc/nginx/sites-enabled路径下面，可以看到一个default文件，该文件就是需要我们修改的文件，建议先备份之后再修改。输入nano default,正常情况下可以看到如下截图内容：

而需要修改的配置如下截图的内容：

其中root /home/chuan/Web;和 index index.html index.htm index.nginx-debian.html;
表示的是访问该服务器ip之后的