监听端口: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/ 确认能看到目录下的视频文件列表,且前端代码调用无跨域报错。