访问服务器接口报错：一个奇形怪状的问题

caibird_li

于 2022-06-20 00:39:03 发布

阅读量547

点赞数

CC 4.0 BY-SA版权

分类专栏：配置文章标签：前端 nginx vue.js

本文链接：https://blog.csdn.net/caibird_li/article/details/125364776

配置专栏收录该内容

3 篇文章

订阅专栏

博客讲述了在前后端分离的项目中，前端在本地通过代理可以正常访问后端接口，但在打包部署到服务器后，通过Nginx访问出现404错误。经过排查，问题在于前端项目代理配置在Nginx的server块中失效。解决方案是在Nginx配置文件中添加针对前端代理路径的location块，并正确设置后端项目的URL。作者还提到对比了其他成功项目的配置以寻找线索。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前后端分离项目，

前端开发环境本地代理请求到服务器，一切正常。

前端项目打包后放在服务器，走nginx访问不到后端接口

排查情况：

通过查看浏览器接口返回发现报错nginx404

查看nginx失败日志发现前端项目代理失效

解决流程：

nginx在前端项目的server配置中添加新的location

         location /api/ {     #前端的代理路径
#后端项目地址  最后一个 / 不可省略   表示当前nginx的后端项目根路径
             proxy_pass     http://ip:port/;
        }

思考：

在找到问题前对自己另一个项目nginx 配置进行反复对照，

发现另一个项目的前端代理是成功的

这个问题待处理。。。