ruoyi 若依 VUE 宝塔 Nignx部署伪静态配置

最新推荐文章于 2024-08-06 16:08:09 发布

MC-DEV

最新推荐文章于 2024-08-06 16:08:09 发布

阅读量1.3k

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_34061547/article/details/120898317

版权

本文详细介绍了如何在宝塔面板中部署Vue应用程序，利用Nginx配置伪静态规则以正确处理路由，同时设置反向代理指向后端API接口。配置包括try_files指令确保URL正确解析，以及proxy_pass用于反向代理，确保前端与后端通信无阻。此外，还特别强调了location路径配置中的斜杠细节，对于理解和优化Nginx配置具有指导意义。

摘要由CSDN通过智能技术生成

部署若依-VUE 版到宝塔，使用宝塔应用安装的Nignx 服务器

配置伪静态：区分路径和参数

location /{
 try_files $uri $uri/ /index.html;
}

反向代理指定后端API接口；

#PROXY-STARTprod-api

location /prod-api/
{
    proxy_pass http://127.0.0.1:8088/;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header REMOTE-HOST $remote_addr;
    
    add_header X-Cache $upstream_cache_status;
    
    #Set Nginx Cache
    
    	add_header Cache-Control no-cache;
}

#PROXY-ENDprod-api