3分钟

任务 4 安装 Nginx

任务目的

在 Linux 实例上安装并配置 Nginx。使用 Nginx 作为静态资源服务器,将构建 Vue 项目后生成的文件部署在 Nginx 服务器上即可通过本机浏览器访问位于 Linux 实例的登录页面。

任务步骤

1.安装 Nginx

远程登录 Linux 实例,执行以下命令在/etc/yum.repos.d目录下创建存放 Nginx 镜像源的nginx.repo文件。

vi /etc/yum.repos.d/nginx.repo

i切换至编辑模式,在文件中写入以下内容。

[nginx]
name = nginx repo
baseurl = https://nginx.org/packages/mainline/centos/7/$basearch/
gpgcheck = 0
enabled = 1

按下Esc键,输入“:wq”保存对文件的更改并退出。

执行以下命令,安装 Nginx。安装成功结果如下图。

yum install -y nginx
安装Nginx成功

2.配置 Nginx

执行以下命令,打开 Nginx 的配置文件。

vim /etc/nginx/nginx.conf

i切换至编辑模式,在文件中的include /etc/nginx/conf.d/*conf;上方写入以下内容。

server {
 listen       80;
 root   /usr/share/nginx/html;
 server_name  localhost;
 #charset koi8-r;
 #access_log  /var/log/nginx/log/host.access.log  main;
 #
 location / {
     try_files $uri $uri/ /index.html;
 }
 #error_page  404              /404.html;
 #redirect server error pages to the static page /50x.html
 #
 error_page   500 502 503 504  /50x.html;
 location = /50x.html {
   root   /usr/share/nginx/html;
 }
}

按下Esc键,输入“:wq”保存对文件的更改并退出。

执行以下命令,启动 Nginx。

systemctl start nginx

执行以下命令设置 Nginx 开机自启。

systemctl enable nginx

在本地浏览器中访问 Linux 服务器公网 IP,查看 Nginx 服务是否正常运行。出现如下图页面说明 Nginx 运行正常。

访问Nginx