本人只有一个阿里云的ip和一个已经解析过的域名,然后想用80端口部署多个项目,比如输入:

www.a.com和www.b.com与www.c.com就能访问不同项目,而不用输入不同端口号区分。

1.这里就只部署单体springboot项目,比较简单,打包成jar包,端口号改成没有被占用的就行

(我这里用了8080端口,然后访问没问题,要放到nginx里也可以,本人这里没有放)

2.微信小程序的话好像只能用80、443端口来部署,不然报错,如下:

3.vue项目属于手机端,nuxt项目属于pc端,和微信小程序项目都要用到80端口,这里就要用到nginx。

(nginx还提供区别pc端和手机端,下面会讲)

我这里的nuxt项目是用pm2管理(也可以用docker),所以要先安装好nodejs与pm2,

不过最新版的nodejs好像不支持centos7以下的,make时会报错。

(试过centos7以下的安装9.0版本以下的nodejs就可以,9.0版本的话没试过)

node安装:

https://blog.csdn.net/weixin_40861707/article/details/109455582

https://www.cnblogs.com/sirdong/p/11447739.html

pm2安装与部署nuxt项目:

https://segmentfault.com/a/1190000020452519?utm_source=tag-newest

docker部署nuxt项目:

https://www.sunofbeach.net/a/1218817449269407744

https://www.bilibili.com/video/BV1QC4y1b7gL?p=49

4.nginx部署这里就不说了,下面提供几2个(centos7以上与7以下好像有点差异):

https://blog.csdn.net/t8116189520/article/details/81909574

https://blog.csdn.net/jdk_wangtaida/article/details/88571920

如果安装nginx出现问题,可以看下这个:

https://blog.csdn.net/copenhageng/article/details/109500483

5.我这里的微信小程序项目使用tomcat部署的,tomcat之前用了80端口,所以要改下配置文件,

在tomcat的安装目录里的conf包找到server.xml文件,修改如下:

<Connector port="8081" protocol="HTTP/1.1" connectionTimeout="20000"
redirectPort="8443" />

这里的端口号要和下面的配置文件一样,修改后记得重启下

6.安装好nginx后,在安装目录下找到nginx包里的conf里nginx.conf文件,并修改下

server {
  listen 8089;//如果默认不是80端口的话就不要改,是的话最好改下,以防其它项目调用产生问题

  server_name  www.baidu.com;//这里最好改下,改成自己的域名,没用到这端口的话就用随便填吧

}

并在http{}里的最下面添加:

include /home/nginxConf/*.conf;//可改成改成自己的路径

这里的站点可以随便创建一个包存放,我的放在nginxConf文件包里统一管理。

设置好端口后,注意要开放端口,如果不想关闭防火墙,可以开放,命令如下:

firewall-cmd --zone=public --add-port=端口号/tcp --permanent

然后重启防火墙:

firewall-cmd --reload

注意:上面时centos7以上的命令,centos7以上和centos7以下命令会不同,详情可看:

https://blog.csdn.net/Lang_Perry/article/details/93194639

7.在/home/nginxConf里新建三个conf文件分别对应vue项目、nuxt项目、微信小程序项目,文件名随便取。

我这里分别是mobile.conf、pc.conf、wx.conf文件,添加或修改后记得重启nginx:

https://blog.csdn.net/erdfty/article/details/89919513

7.1(vue项目)mobile.conf文件添加:

server {
listen 80;
server_name 自己的域名;
index index.php index.html index.htm default.php default.htm default.html;
root /usr/local/nginx/html/vue;//修改成自己的路径

#判断是pc端就跳转到pc端项目(判断是pc端的话就在 ~ 加上 ! ,否则就去掉)
if ( $http_user_agent !~* "(midp|ipad|Android|iPhone|windows mobile|Windows Phone|windows ce|UC|Kindle)" )
{
rewrite ^(.*)$ http://自己的域名$uri redirect;(要加上 http://,不然跳转会报错)
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}

7.2(nuxt项目)pc.conf文件添加:

server {
listen 80;
server_name 自己的域名;
index index.php index.html index.htm default.php default.htm default.html;
root /usr/local/nginx/html;//修改成自己的路径

#判断是手机端就跳转到手机端项目
if ( $http_user_agent ~* "(midp|ipad|Android|iPhone|windows mobile|Windows Phone|windows ce|UC|Kindle)" )
{
rewrite ^(.*)$ http://自己的域名d$uri redirect;(要加上 http://,不然跳转会报错)
}
location / {
proxy_pass http://127.0.0.1:3000;//改成自己要映射的路径和端口
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}

7.3(小程序项目) wx.conf文件添加:

server {
listen 80 default_server;
server_name 自己的域名;
index index.php index.html index.htm default.php default.htm default.html;
root /usr/local/apache-tomcat-8.5.23/webapps;//修改成自己的路径
location / {
proxy_pass http://127.0.0.1:8081;//改成自己要映射的路径和端口
}

error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}

}

8.我这里只有一个ip和一个已解析的域名,但是有三个文件要配置不同域名,怎么办。

8.1

第一个办法就是通过使用宝塔面板之类的来进行添加站点,部署项目,这个又快又简单。

8.2

第二个办法就是在阿里云域名解析里多添加几个记录就行,主机记录随便填,记录值就是ip。

然后就在相对应文件里修改。比如我的外网ip是:123.123.123.123,对应解析的域名是:www.a.com

那我在mobile.conf文件设置的域名是:mobile.a.com

pc.conf文件设置的域名是:www.a.com

wx.conf文件设置的域名是:123.123.123.123(这里项目是小程序,所以本人用ip)

就这样,在浏览器里分别输入相对应域名就可以看到效果(亲测有效)。

(如果哪位大神还有更好解决的办法,请留言交流,转载请注明出处,十分感谢)

【干货】linux使用nginx一个80端口部署多个项目(spring boot、vue、nuxt、微信小程序)的更多相关文章

  1. 分享一个自搭的框架,使用Spring boot+Vue+Element UI

    废弃,新的:https://www.cnblogs.com/hackyo/p/10453243.html 特点:前后端分离,可遵循restful 框架:后端使用Spring boot,整合了aop.a ...

  2. 微信小程序Nginx环境配置

    环境配置概述 主要内容: SSL免费证书申请步骤 Nginx HTTPS 配置 TLS 1.2 升级过程 微信小程序要求使用 https 发送请求,那么Web服务器就要配置成支持 https,需要先申 ...

  3. 微信小程序 springboot nginx 做图片存储 上传 浏览

    微信小程序前端-springboot后端-nginx图片存储 前言 本人小白一名,这是第一次学习微信小程序,特此做个记录. 首先准备nginx做图片存储 选择一个地址存放图片 #我的地址 [root@ ...

  4. nginx 80 端口 部署多个Web

    1.修改默认nginx.conf 文件 加入 include /usr/www/ngconfs/*.conf; 读取ngconfs文件下所有 *.conf文件 2.ngconfs 下多个文件创建 第二 ...

  5. 解决启动nginx时报80端口被占用的问题

    如何解决启动nginx时报80端口被占用 最近公司的的一个服务器上需要部署多个项目,但80端口只有一个,所有只有使用Nginx来代理,当访问域名时就可以自动 转到IP:端口号,而不需要在域名后面加端口 ...

  6. Win7下nginx默认80端口被System占用,造成nginx启动报错的解决方案

    Win7下nginx默认80端口被System占用,造成nginx启动报错的解决方案   在win7 32位旗舰版下,启动1.0.8版本nginx,显示如下错误:  [plain] 2012/04/0 ...

  7. 在windows和linux下如何查看80端口占用情况?是被哪个进程占用?如何终止等

    一.在windows下如何查看80端口占用情况?是被哪个进程占用?如何终止等 这里主要是用到windows下的DOS工具,点击"开始"--"运行",输入&quo ...

  8. linux 用tcpdump查看80端口访问有哪些IP

    linux 用tcpdump查看80端口访问有哪些IP: tcpdump -i eth0 -tnn dst port 80 -c 1000|awk -F"." '{print $1 ...

  9. 从0开始,手把手教你开发并部署上线一个知识测验微信小程序

    上线项目演示 微信搜索[放马来答]或扫以下二维码体验: 项目源码 项目源码 其他版本 Vue答题App实战教程 Hello小程序 1.注册微信小程序 点击立即注册,选择微信小程序,按照要求填写信息 2 ...

随机推荐

  1. RocketMQ消息丢失解决方案:同步刷盘+手动提交

    前言 之前我们一起了解了使用RocketMQ事务消息解决生产者发送消息时消息丢失的问题,但使用了事务消息后消息就一定不会丢失了吗,肯定是不能保证的. 因为虽然我们解决了生产者发送消息时候的消息丢失问题 ...

  2. linux系统软件启动sh脚本

    在系统维护中,编写脚本会帮助运维提高效率,现记录一个通用的软件启动脚本.脚本内容如下: #!/bin/bash # 软件启动程序包名称 APP_NAME=datadog-4.2.0.jar # 软件名 ...

  3. 20200725_java爬虫_项目创建及log4j配置

    0. 摘要 0.1 添加log4j依赖 <dependency> <groupId>org.slf4j</groupId> <artifactId>sl ...

  4. kubernetes 基础知识

    1. kubernetes 包含几个组件 Kubernetes是什么:针对容器编排的一种分布式架构,是自动化容器操作的开源平台. 服务发现.内建负载均衡.强大的故障发现和自我修复机制.服务滚动升级和在 ...

  5. 如何在Windows Server 2012及更高版本中将域控制器降级

    如何在Windows Server 2012及更高版本中将域控制器降级 如果不降级就重装系统,会出问题,所以在将域控系统重装系统之前一定要先降级. 使用服务器管理器将 Windows Server 2 ...

  6. sort回调的简单模拟

    本来是准备讲CPP中的std::sort,但因为最近Java用得多,不知怎么的便习惯性走Java角度看问题了,所以这篇文章看起来估计会有点奇怪... 一.简单模拟sort回调 std::sort函数本 ...

  7. php 导出excel 10万数据

    php导出excel 10万数据(此代码主要测试用) 在工作当中要对一些基本信息和其他信息导出 起初信息比较小无所谓.... 但当信息超出65535的时候 发现点问题了 超出了 而且 反应速度很慢 实 ...

  8. tp3.2关闭debug save方法执行失败

    解决该问题需要 清除缓存文件 将retime下的文件删除

  9. JavaScript封装一个函数效果类似内置方法concat()

    JavaScript封装一个函数效果类似内置方法concat() 首先回忆concat()的作用: concat() 方法用于连接两个或多个数组.该方法不会改变现有的数组,而仅仅会返回被连接数组的一个 ...

  10. Socket connect 等简要分析

    connect 系统调用 分析 #include <sys/types.h> /* See NOTES */#include <sys/socket.h>int connect ...