1. Installation und Deinstallation von NGINX
1.1.Installieren Sie NGINX
apt-get install nginx
1.2.NGINX-Betriebsbefehle
service nginx start #启动
service nginx reload #重新加载配置文件
service nginx restart #重启
service nginx status #查看运行状态
1.3. NGINX deinstallieren
apt-get remove nginx nginx-common # 卸载删除除了配置文件以外的所有文件。
apt-get purge nginx nginx-common # 卸载所有,包括删除配置文件。
apt-get autoremove # 在上面命令结束后执行,主要是卸载删除Nginx的不再被使用的依赖包。
apt-get remove nginx-full nginx-common #卸载删除两个主要的包。
2.NGINX-Konfiguration
2.1. Aktivieren Sie die gzip-Komprimierung
Fügen Sie die folgende Konfiguration zum http {}-Block von nginx.conf hinzu, um die gzip-Komprimierung zu aktivieren.
gzip on;
# 开启 gzip_static
# gzip_static 开启后可能会报错,需要安装相应的模块, 具体安装方式可以自行查询
# 只有这个开启,前端打包的 .gz 文件才会有效果,否则不需要开启 gzip 进行打包
gzip_static on;
gzip_proxied any;
gzip_min_length 1k;
gzip_buffers 4 16k;
# 如果 nginx 中使用了多层代理,必须设置这个才可以开启 gzip
gzip_http_version 1.0;
gzip_comp_level 2;
gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
gzip_vary off;
gzip_disable "MSIE [1-6]\.";
2.2. Konfigurieren Sie einen Website-Dienst und unterstützen Sie den domänenübergreifenden Zugriff auf die Backend-API
server {
listen 8080; #网站端口
server_name www.myservice.com; #网站名称
location / {
root /opt/gnss/mysystem/dist; #存储前端打包的文件目录
index index.html; #默认页面
try_files $uri $uri/ /index.html;
}
location /api/ {
proxy_pass http://localhost:8080/; #后台API地址
}
}
try_files-Beschreibung:
- Suchen Sie nach vorhandenen Dateien in der angegebenen Dateireihenfolge und verwenden Sie die erste gefundene Datei für die Anforderungsverarbeitung
- Der Suchpfad basiert auf dem angegebenen Root oder Alias als Root-Pfad.
- Wenn keine der angegebenen Dateien übereinstimmt, wird die im letzten Parameter angegebene URL erneut angefordert, was der neuen Standortübereinstimmung entspricht.
- Wenn es sich um Format 2 handelt, der letzte Parameter = 404 ist und keine der angegebenen Dateien übereinstimmt, wird der Antwortcode 404 zurückgegeben.
Wenn wir es hier nicht konfigurieren, wird beim Aktualisieren der Seite im System ein 404-Fehler gemeldet.
In Bezug auf den Speicherort /api/ in der Konfiguration wird die API hier nicht willkürlich von uns definiert. Sie muss mit dem Front-End eingeschränkt werden. Wenn sie zur Übereinstimmung mit der Front-End-Anforderungsschnittstelle verwendet wird, befindet sich die angegebene Zugriffsschnittstelle im Format: /api/xxxxx, dann ist diese Anfrage Agent:
http://localhost:8080/xxxxx
Auf diese Weise muss das Front-End beim Anfordern der Schnittstelle nicht die spezifische URL-Adresse der Schnittstelle festlegen, sondern muss lediglich ein eingeschränktes „API“-Präfix übergeben, um die Schnittstellenanforderung durchzuführen.