监听端口:8083 

映射路径:E:/apps/root/ (此目录用于存放视频缓存文件) 

核心功能:开启目录浏览、解决跨域访问报错 (CORS)配置步骤 打开 Nginx 安装目录下的 conf/nginx.conf 文件。 

在 http { ... } 大括号内,粘贴以下 server 配置块。 注意:Windows 路径请使用正斜杠 / 或双反斜杠 \。  


server {

listen       8083;

# 1. 监听端口 listen 8083;

# 2. 服务器名称

server_name  localhost;

# 3. 路径映射配置

location / {

   # 【关键点】视频缓存根目录

   # 客户可在此处自定义路径,例如:D:/MyVideoCache

   root   E:/apps/root/;

   # 设置默认首页

   index  index.html index.htm;

   # --- 目录浏览设置 ---

   autoindex on;             # 开启目录列表显示

   autoindex_exact_size off; # 文件大小显示为 KB/MB/GB

   autoindex_localtime on;   # 文件时间显示为本地时间

   # --- 跨域访问设置 ---

   # 允许所有来源访问(解决前端 18088 或其他端口调用报错)

   add_header 'Access-Control-Allow-Origin' '*' always;

   add_header 'Access-Control-Allow-Methods' 'GET, OPTIONS, HEAD' always;

   add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range' always;

   add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range' always;

   # 处理预检请求

   if ($request_method = 'OPTIONS') {

       return 204;

   }

}

# 错误页面配置

error_page   500 502 503 504  /50x.html;

location = /50x.html {

   root   html;

}} 


4. 生效方法 保存 nginx.conf 文件。 在 Nginx 目录下运行命令重载配置: nginx -s reload 或者关闭并重新双击 nginx.exe 启动。 5. 验证测试 浏览器访问:http://localhost:8083/ 确认能看到目录下的视频文件列表,且前端代码调用无跨域报错。