首页 > 其他 > 详细

Nginx部署多个vue前端项目

时间:2021-06-14 23:09:41      阅读:26      评论:0      收藏:0      [点我收藏+]

前言:在前端项目的部署上需要让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服务

技术分享图片

 

Nginx部署多个vue前端项目

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!