返回

在docker上用nginx搭建静态服务器并从sshservers抓取文件到dist文件夹，用作静态服务器的源文件

前端

docker+nginx搭建自己的静态服务器

上篇文章介绍了如何使用docker和jenkins搭建前端持续集成工具，最后通过sshservers将dist下面的文件上传到/home/www/webpre目录。这篇文章将介绍如何通过配置nginx来访问打包后的静态文件。

第一步：确认nginx已经下载

首先，需要确认nginx已经下载。可以通过以下命令查看：

docker images | grep nginx

如果nginx已经下载，将显示以下内容：

REPOSITORY                   TAG                 IMAGE ID            CREATED             SIZE
nginx                      latest              3550273bbd13        2 weeks ago         133MB

如果nginx尚未下载，可以通过以下命令下载：

docker pull nginx

第二步：启动nginx容器

接下来，需要启动nginx容器。可以使用以下命令启动：

docker run -d -p 80:80 --name nginx nginx

“-d”表示启动的是守护进程，“-p 80:80”表示将nginx容器的80端口映射到宿主机80端口，“--name nginx”表示为容器命名为“nginx”。

第三步：配置nginx

nginx容器启动后，需要配置nginx。可以通过以下命令进入nginx容器：

docker exec -it nginx bash

然后，需要修改nginx的配置文件。配置文件位于/etc/nginx/conf.d/default.conf。可以使用以下命令打开配置文件：

vi /etc/nginx/conf.d/default.conf

在配置文件中，需要找到以下部分：

location / {
    root   /usr/share/nginx/html;
    index  index.html index.htm;
}

将“root”值修改为dist文件夹的路径，例如：

root /home/www/webpre/dist;

保存并退出配置文件。

第四步：访问静态服务器

配置完nginx后，就可以通过浏览器访问静态服务器了。在浏览器中输入以下地址：

http://localhost

如果配置正确，将会看到打包后的静态文件。

通过上述步骤，就可以在docker上使用nginx搭建一个静态服务器，并从sshservers抓取文件到dist文件夹，用作静态服务器的源文件。