若依vue nginx.conf配置
时间: 2024-12-25 20:13:59 浏览: 4
nginx.conf
若依(RuoYi)是一个基于Vue.js的开源企业后台管理系统框架,其部署通常涉及到前端静态文件的托管和API接口的路由映射。在Nginx中配置Vue应用,你需要创建一个虚拟主机(VirtualHost)来处理静态资源,并通过代理设置指向后端API。
以下是一个简单的Vue单页应用的Nginx配置示例:
```nginx
server {
listen 80;
server_name yourdomain.com;
# 静态资源目录
root /path/to/your/vue-app/dist; # 将实际路径替换为你项目生成的dist目录
index index.html;
# 配置index.html处理所有URL
location / {
try_files $uri $uri/ @router;
}
# 代理API
location @router {
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS';
add_header 'Access-Control-Allow-Headers' 'Content-Type';
if ($request_method = 'OPTIONS') {
add_header 'Access-Control-Max-Age' 1728000;
add_header 'Content-Type' 'text/plain; charset=utf-8';
return 204;
}
proxy_pass http://localhost:3000; # 后端API地址,如果在本机则为3000端口
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
}
# HTTPS配置 (如果你需要)
server {
listen 443 ssl;
server_name yourdomain.com;
# ... 重复上述的配置,只需修改listen和root,加上SSL证书相关的配置
}
```
记得替换 `yourdomain.com` 和 `/path/to/your/vue-app/dist` 等地方为实际的域名和静态资源路径。
阅读全文