vue发布到服务器接口404_请教大佬关于 vue 部署后请求 404 的问题

vue 中使用的 api：localhost:8080/api/xxx

后端的地址同上。

vue 项目和后端部署在同一个服务器上，vue 使用 nginx 代理，后端独立部署。

nginx 中的配置：

server {

listen 8081;

server_name localhost;

location / {

root /home/ftp/verifydashboard/;

index index.html index.htm;

}

location /api {

proxy_set_header Host $host;

proxy_set_header x-forwarded-for $remote_addr;

proxy_set_header X-Real-IP $remote_addr;

proxy_pass http://127.0.0.1:8080;

}

}

接口测试都是可用的，但是从 vue 中发起的请求都是 404.

POST http://localhost:8080/api/admin/login net::ERR_CONNECTION_REFUSED

还请大佬多多指教，第一次使用 vue。这个问题网上的解决方法都差不多，但是我试了试都没用。