nginx 部署多个前端vue项目的3种方式，一篇文章搞定

Posted 2023-03-01

参考技术A 首先我们看一下nginx.conf配置文件

为了方便管理，在/usr/local/nginx/conf.d/ 创建自己的*.conf配置文件。没有conf.d目录，直接mkdir 创建conf.d
*.conf 详细可参考：

这种方式只需要开放80端口，然后访问二级域名。

这种方式的好处是只有一个server ,而且不需要二级域名、用路径location就能实现。

但是这种方式的一个缺点，就是vue项目前端需要改配置。修改地方如下：

react 配置请参考： https://blog.csdn.net/mollerlala/article/details/96427751?depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-2&utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-2

vue 配置请参考： https://blog.csdn.net/weixin_33868027/article/details/92139392