Nginx部署前端项目

最新推荐文章于 2024-09-06 03:14:50 发布

风乍起1024

最新推荐文章于 2024-09-06 03:14:50 发布

阅读量332

点赞数 1

文章标签： nginx 前端运维

本文链接：https://blog.csdn.net/qq_62231627/article/details/132758336

版权

常规惯例先说nginx什么：

Nginx是异步框架的网页服务器，也可以用作反向代理、负载平衡器和HTTP缓存。该软件由俄罗斯程序员伊戈尔·赛索耶夫开发并于2004年首次公开发布。2011年成立同名公司以提供支持服务。2019年3月11日，Nginx公司被F5网络公司以6.7亿美元收购。 Nginx是免费的开源软件，根据类BSD许可证的条款发布。一大部分Web服务器使用Nginx，通常作为负载均衡器。（以上信息来自于维基百科）

说点人话：

Nginx和Tomcat功能差不多，Nginx是前端服务器，tomcat是后端服务器。这两者通常一起使用，以构建完整的Web应用程序。

开始安装：

（以下操作均在linux系统上实施）

1.更新软件包

sudo apt update

安装nginx

sudo apt install nginx

3.启动Nginx( 安装完成后，Nginx将自动启动。如果未自动启动，您可以使用以下命令手动启动Nginx)

sudo systemctl start nginx

4.设置Nginx开机自启动

sudo systemctl enable nginx

5.验证Nginx安装是否成功

浏览器中输入您服务器的IP地址或域名，如果一切正常，您应该能够看到Nginx的欢迎页面。

开始部署项目：

1.把你的前端文件放在一个目录里面。
2.在/etc/nginx/sites-available/目录中创建一个新的配置文件，并在该文件中定义您的服务器块。
a. 创建一个新的 Nginx 配置文件，例如 frontend.conf，并将其放在 /etc/nginx/sites-available/ 目录中。

sudo vim /etc/nginx/sites-available/frontend.conf

b.在创建的frontend.conf文件中，，定义您的服务器块（server block）配置，就像我之前提供的示例一样。确保设置 server_name 和 root，并根据您的需要添加其他配置。例如：

server {
    listen 80;
    server_name yourdomain.com; # 替换为您的域名或IP地址

    location / {
        root /*/*/; # 替换为前端文件的实际路径
        index index.html; # 指定默认首页文件（最好别整中文）
    }

    # 可以添加其他配置，如反向代理、HTTPS等
}

c.保存并关闭。
d.创建一个符号链接将此配置文件链接到 /etc/nginx/sites-enabled/ 目录，以启用它。使用以下命令：

sudo ln -s /etc/nginx/sites-available/your_frontend.conf /etc/nginx/sites-enabled/

e.测试命令，检查有无语法错误

sudo nginx -t

f.加载 Nginx 以应用新的配置

sudo systemctl reload nginx

收工

打开浏览器就能直接访问了