nginx 配置js静态文件代理
时间: 2024-11-16 12:13:24 浏览: 11
在Nginx中,你可以通过location指令来配置JavaScript(.js)等静态文件的代理,通常用于前端应用的跨域访问或者性能优化。下面是一个基本的例子:
```nginx
server {
listen 80; # 或者监听其他端口
server_name your_domain.com;
location ~ \.js$ {
root /path/to/your/static/files;
add_header Access-Control-Allow-Origin *; # 允许所有源跨域请求
if ($request_method = 'OPTIONS') {
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
add_header 'Access-Control-Max-Age' 1728000; # 预检请求缓存时间
add_header 'Content-Type' 'text/plain charset=UTF-8';
add_header 'Content-Length' 0;
return 204;
}
proxy_pass http://backend_api_url; # 如果API不在同一服务器上,这里替换为API的实际URL
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
# ... 其他location块和配置
}
```
在这个例子中:
- `root` 指定了静态文件所在的目录。
- `add_header` 用于添加响应头,如允许跨域访问。
- `if ($request_method = 'OPTIONS')` 部分处理预检请求(CORS)。
- `proxy_pass` 和相关`proxy_set_header` 行用于将请求转发到目标API。
记得替换实际的文件路径和API URL,同时确保防火墙和安全组设置允许Nginx访问目标服务器。
阅读全文