3、Nginx 静态资源部署与Vue项目配置

按“先讲清 Nginx 静态资源部署原理，再落到 Vue 前端项目”的方式说明。1. Nginx 部署静态资源的核心思路Nginx 本身很适合做静态资源服务器。所谓静态资源，一般包括：HTML CSS JavaScript 图片 字体 视频 前端构建产物部署时，本质上就是：用户浏览器 - Nginx - 服务器磁盘上的静态文件例如用户访问：https://example.com/assets/index-abc123.jsNginx 根据配置，到服务器某个目录下查找对应文件，然后直接返回给浏览器。2. 一个最基础的静态资源配置假设静态文件放在：/usr/share/nginx/htmlNginx 配置可以这样写：server { listen 80; server_name example.com; root /usr/share/nginx/html; index index.html; location / { try_files $uri $uri/ =404; } }含义是：root /usr/share/nginx/html;