前端vue,部署到nginx,请求接口404

最近项目部署到nginx,发现一个请求接口404的问题,于是去请教了大神,终于等到解决,记录一下,避免以后踩坑。。

前端项目配置信息,做的代理

前端vue,部署到nginx,请求接口404_第1张图片

将静态页面部署到nginx下后,页面可以访问,但接口一直404.

解决办法: 

页面做的代理,这里要配置请求转发到你的网关或者你的接口的真实路径上去

前端vue,部署到nginx,请求接口404_第2张图片

location /apis {
      proxy_pass http://gateway.bigdata-component:8888/api;
      proxy_set_header   X-Forwarded-Proto $scheme;
      proxy_set_header   Host              $http_host;
      proxy_set_header   X-Real-IP         $remote_addr;
      proxy_set_header   X-Forwarded-For   $proxy_add_x_forwarded_for;
    }

 重启nginx,解决

你可能感兴趣的:(Java笔记,nginx,nginx反向代理,nginx部署)