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

按“先讲清 Nginx 静态资源部署原理，再落到 Vue 前端项目”的方式说明。

1. Nginx 部署静态资源的核心思路

Nginx 本身很适合做静态资源服务器。所谓静态资源，一般包括：

HTML CSS JavaScript 图片 字体 视频 前端构建产物

部署时，本质上就是：

用户浏览器 -> Nginx -> 服务器磁盘上的静态文件

例如用户访问：

https://example.com/assets/index-abc123.js

Nginx 根据配置，到服务器某个目录下查找对应文件，然后直接返回给浏览器。

2. 一个最基础的静态资源配置

假设静态文件放在：

/usr/share/nginx/html

Nginx 配置可以这样写：

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;<