vue-cli4.0版本，打包dist配置，上传服务器报错无法连接后端等问题，及NGINX配置

我的版本是vue-cli4.0，然后各项配置全部改到vue.config.js中，下图红框是我的配置其实除了publicpath需要改成./外，其他都不用设置，然后打不生成dist，但是问题来了，我在nginx.conf进行配置location后，发现无法与后端通信！！！！

下图是我的NGINX配置（该后端了，原来是api,现在是tianbo和smartcity两个，然后替代成‘/’）
红色第二个方框是后端的地址配置，因为我上图中地址中加载了/api ，并将/api替代成‘/’,所以
后端地址配置应该是
Location /api {
proxy_pass ip:端口号/api;
}
黑色圈是我前端地址，这个没什么要求

通过以上配置即可正常运行！