Nginx部署多个vue前端项目

前言:在前端项目的部署上需要让2个前端项目都部署到一个IP地址和端口下,那么我们这里就要用到Nginx了,接下来我们看看如何在一个Nginx下部署2个前端项目。

例如我的服务器地址是

http://1.116.33.31/

那么则是访问的pc项目首页,则是访问的app项目首页

一,首先打包编译两个前端项目(base基础路径)

pc项目base默认不写,也就是 1.116.33.31/

 app项目base:'/app/',也就是http://1.116.33.31/app/

二,把打包生成的静态文件上传到Linux服务器的指定目录

我这里两个文件的路径是,分别将打包文件放进文件夹内

三,配置Nginx.conf文件

四,重启Nginx服务

原文地址:https://www.cnblogs.com/shun1015/p/14883055.html