springboot+VUE+部署(11。Nginx)

  • CentOS/RHEL: 执行 sudo yum install nginx(8+ 系统用 dnf install nginx)
  • Ubuntu/Debian: 执行 sudo apt update && sudo apt install nginx

然后等待安装完成。

安装完成后,可以使用以下命令查看Nginx服务:

sudo systemctl status ngin

复制代码
root@ser988850221666:/etc/caddy# sudo systemctl status nginx
● nginx.service - A high performance web server and a reverse proxy server
     Loaded: loaded (/lib/systemd/system/nginx.service; enabled; vendor preset: enabled)
     Active: active (running) since Sun 2026-02-15 12:54:46 UTC; 4s ago
       Docs: man:nginx(8)
    Process: 1883021 ExecStartPre=/usr/sbin/nginx -t -q -g daemon on; master_process on; (code=exited, status=0/SUCCESS)
    Process: 1883022 ExecStart=/usr/sbin/nginx -g daemon on; master_process on; (code=exited, status=0/SUCCESS)
   Main PID: 1883023 (nginx)
      Tasks: 2 (limit: 1099)
     Memory: 12.0M
        CPU: 114ms
     CGroup: /system.slice/nginx.service
             ├─1883023 "nginx: master process /usr/sbin/nginx -g daemon on; master_process on;"
             └─1883024 "nginx: worker process" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" ""

Feb 15 12:54:46 ser988850221666 systemd[1]: Starting A high performance web server and a reverse proxy server...
Feb 15 12:54:46 ser988850221666 systemd[1]: Started A high performance web server and a reverse proxy server.

在浏览器中输入服务器IP或域名,若看到"Welcome to nginx!"页面,说明安装成功。

启动并设为开机自启

Nginx 安装后默认不自动运行,需手动启用。

  • 启动服务:sudo systemctl start nginx
  • 设为开机自启:sudo systemctl enable nginx
  • 检查监听状态:sudo ss -tlnp | grep :80(应看到 nginx 占用 80 端口
  • 打开防火墙(如启用):sudo firewall-cmd --permanent --add-service=http(CentOS)或 sudo ufw allow 'Nginx Full'(Ubuntu)

开放HTTP(80)和HTTPS(443)端口:

  1. sudo ufw allow 80/tcp

  2. sudo ufw allow 443/tcp

  3. sudo ufw reload

对于firewalld(RHEL/CentOS):

  1. sudo firewall-cmd --permanent --add-service=http

  2. sudo firewall-cmd --permanent --add-service=https

  3. sudo firewall-cmd --reload

卸载Nginx

如需卸载,删除安装目录并清理服务文件:

  1. sudo rm -rf /usr/local/nginx

  2. sudo rm /etc/systemd/system/nginx.service

  3. sudo systemctl daemon-reload

上传前端文件

将前端项目打包后的文件(如distbuild目录)上传到服务器,通常放在/var/www/html目录下:

配置Nginx

编辑Nginx配置文件,通常位于/etc/nginx/sites-available/default

sudo vi /etc/nginx/sites-available/default

复制代码
##
# You should look at the following URL's in order to grasp a solid understanding
# of Nginx configuration files in order to fully unleash the power of Nginx.
# https://www.nginx.com/resources/wiki/start/
# https://www.nginx.com/resources/wiki/start/topics/tutorials/config_pitfalls/
# https://wiki.debian.org/Nginx/DirectoryStructure
#
# In most cases, administrators will remove this file from sites-enabled/ and
# leave it as reference inside of sites-available where it will continue to be
# updated by the nginx packaging team.
#
# This file will automatically load configuration files provided by other
# applications, such as Drupal or Wordpress. These applications will be made
# available underneath a path with that package name, such as /drupal8.
#
# Please see /usr/share/doc/nginx-doc/examples/ for more detailed examples.
##

# Default server configuration
#
server {
	listen 80 default_server;
	listen [::]:80 default_server;

	# SSL configuration
	#
	# listen 443 ssl default_server;
	# listen [::]:443 ssl default_server;
	#
	# Note: You should disable gzip for SSL traffic.
	# See: https://bugs.debian.org/773332
	#
	# Read up on ssl_ciphers to ensure a secure configuration.
	# See: https://bugs.debian.org/765782
	#
	# Self signed certs generated by the ssl-cert package
	# Don't use them in a production server!
	#
	# include snippets/snakeoil.conf;

	root /var/www/html;

	# Add index.php to the list if you are using PHP
	index index.html index.htm index.nginx-debian.html;

	server_name _;

	location / {
		# First attempt to serve request as file, then
		# as directory, then fall back to displaying a 404.
		try_files $uri $uri/ =404;
	}

	# pass PHP scripts to FastCGI server
	#
	#location ~ \.php$ {
	#	include snippets/fastcgi-php.conf;
	#
	#	# With php-fpm (or other unix sockets):
	#	fastcgi_pass unix:/run/php/php7.4-fpm.sock;
	#	# With php-cgi (or other tcp sockets):
	#	fastcgi_pass 127.0.0.1:9000;
	#}

	# deny access to .htaccess files, if Apache's document root
	# concurs with nginx's one
	#
	#location ~ /\.ht {
	#	deny all;
	#}
}


# Virtual Host configuration for example.com
#
# You can move that to a different file under sites-available/ and symlink that
# to sites-enabled/ to enable it.
#
server {
	listen 80;
	listen [::]:80;

	server_name 1.1.1.1;#你的IP或域名

	root /var/www/html/dist;
	index index.html;

	location / {
		try_files $uri $uri/ =404;
	}
}

验证Nginx配置语法

sudo nginx -t

复制代码
root@ser988850221666:/etc/nginx/sites-available# vi default
root@ser988850221666:/etc/nginx/sites-available# sudo nginx -t
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful

重载Nginx配置

  1. sudo systemctl reload nginx
相关推荐
wunaiqiezixin3 小时前
MIT 6.S081 syscall 实验篇(lab2):System call tracing (moderate)
linux·unix·os·xv6·mit6.s081
凉、介3 小时前
ARMv8-A 指令学习
linux·笔记·学习·嵌入式·arm·指令
_张一凡4 小时前
Ubuntu 完美安装 FT_SCServo_Debug_Qt 飞特SCS_STS舵机调试工具
linux·ubuntu·舵机调试
星恒随风4 小时前
Linux 基础指令(三):grep、压缩打包、系统信息与 Shell 运行原理
linux·笔记·学习
Tyfrank4 小时前
Linux内核收包路径及中断
linux·运维·单片机
达子6664 小时前
第22章_HarmonyOs开发图解之 蓝牙
vue.js
无人生还4 小时前
从 Vue3 到 React · 快速上手系列第 9 篇:自定义 Hook(对标 Composables)
前端·vue.js·react.js
難釋懷4 小时前
Nginx外置缓存-nginx + redis
redis·nginx·缓存
男孩李4 小时前
浅谈Linux的last命令
java·linux·服务器
yunqi4 小时前
ELK日志平台架构详解:从Filebeat采集到Elasticsearch检索的企业级日志方案实践
linux