众所周知,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之后的
nginx部署多个vue多页面项目
最新推荐文章于 2024-08-11 23:15:31 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)