静态网页部署服务器

今天尝试了一下将自己之前写的 JavaScript 网页部署在服务器上，利用 Xshell，tomcat，nginx 反向代理完成。

---

详细步骤

第一步：在 Linux 操作系统中安装 tomcat，nginx

Linux 安装 Nginx

第二步：在tomcat 的 webapps 文件下建立一个文件夹 XXX

1. 在这里我建立的是 lol

2.将自己要部署的网页及其静态资源放入所建立的文件夹中

直接访问即可：ip+文件名+XXX.html
链接一：http://39.102.129.20:8080/lol/index.html
链接二：http://39.102.129.20:8081/west_journey/West-Journey.html

到此我们就完成了静态网页的部署！！！

---

---

利用 nginx 反向代理进行部署

即：访问 http://39.102.129.20:9001/lol/ 直接跳转到 127.0.0.1:8080

我们需要在 nginx 目录下找到 nginx.conf

使用命令进行编辑

server {
   listen       9001;
    server_name  39.102.129.20;

    location ~ /lol/ {
         proxy_pass	http://127.0.0.1:8080;
    }

	location ~ /west_journey/ {
         proxy_pass http://127.0.0.1:8081;
    }
}
1
2
3
4
5
6
7
8
9
10
11
12

解释说明：
listen：表示监听的端口号
server_name：服务器的 ip 地址
~ /lol/ 表示正则表达式的运用：链接中含有 lol 跳转到 8080 端口

再次访问上面的链接：
链接地址：

链接一：http://39.102.129.20:9001/lol/index.html
链接二：http://39.102.129.20:9001/west_journey/West-Journey.html

到此我们的静态网页部署就全部完成了！！！