nginx 同一端口部署多个项目

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了nginx 同一端口部署多个项目相关的知识,希望对你有一定的参考价值。

参考技术A nginx配置文件

重点:

说明:en自定义和前台配置保持一致就可
3.前台配置
vuecli3以下,我本地是2.9.6

4.打包将dist文件复制到nginx配置的目录下

nginx 部署 多个vue项目 端口代理配置问题

参考技术A 一 . 更改vue 前端项目 打包根路径

改为

由以上三中类型 运行打包命令后 把dist包 分别对应根路径的名称 重新命名

二. 把第一步拿到的三个项目压缩包 上传到远程服务 nginx 下的html文件夹下 如下:

更改 nginx.conf 配置如下

改成不同的名字“应该也行”打包后直接就是这个文件名 而不是dist
自己可以试一试没事)

(访问时最好在路径后 加个 '/')
更改配置后 重启项目即可
若在 项目运行中与后段接口 交互中出现问题可参考 https://www.jianshu.com/p/12ae939fafef

以上是关于nginx 同一端口部署多个项目的主要内容,如果未能解决你的问题,请参考以下文章

nginx配置同一域名同一端口下部署多个vue项目

nginx配置同一域名同一端口下部署多个vue项目

Nginx同一端口部署多个前后端分离的vue项目

nginx 部署vue 以及同一端口下部署监听多个vue 项目

分端口部署web项目

nginx 部署 多个vue项目 端口代理配置问题