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
相关推荐
渡我白衣9 分钟前
打印宏与socket模块设计
java·linux·开发语言·c++·ide·人工智能·eclipse
AI创界者17 分钟前
打造内网安全防线:使用 Kali Linux 进行企业级漏洞风险自查与防御指南
linux·运维·安全
weixin_4398575428 分钟前
在Ubuntu 26.04版本上借助本地AI助手在AMD显卡基础上安装并运行Qwen3.6-35B-A3B,作为本地编程AI
linux·人工智能·ubuntu
vipbic9 小时前
中后台越做越乱后,我用插件化把它救回来了
前端·vue.js
sanzk9 小时前
firefly开发板ubuntu安装ros2下的micro-ROS Agent
linux·运维·ubuntu
weixin_3077791312 小时前
Linux下Nginx故障系统化检查Shell脚本
linux·运维·服务器·nginx·自动化
kaiking_g13 小时前
vue项目中,静态导入 vs 动态导入 详解
前端·javascript·vue.js
skyutuzz13 小时前
node安装部署
linux
一次旅行13 小时前
【AI工具】Rust-Based CLI:用 xargs 和并行加速你的 Linux 日常
linux·开发语言·rust
2501_9259633815 小时前
Hi3516CV610 + MPU6050 DMP 软件 EIS 防抖笔记
linux·运维·服务器