部署vue nginx需要怎么配置才能连接到后端服务

在部署 Vue.js 前端应用和后端服务的情况下，如果需要前端应用连接到后端服务，需要进行以下配置：

1. 在 Vue.js 前端应用的 `src` 目录下，创建一个 `.env.production` 文件。
2. 在 `.env.production` 文件中添加以下内容：

VUE_APP_BASE_API=/api

其中，`/api` 是后端服务的接口前缀，可以根据实际情况修改。

3. 修改 Vue.js 应用的 `vue.config.js` 文件，添加以下内容：

module.exports = {
  // ...
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:8000', // 后端服务的地址和端口号
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

其中，`target` 是后端服务的地址和端口号，需要根据实际情况修改。`pathRewrite` 可以将请求路径中的 `/api` 前缀去掉。`changeOrigin` 设置为 `true`，以便正确处理跨域请求。

4. 在 Nginx 的配置文件中，添加以下内容：

location /api {
    proxy_pass http://localhost:8080;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}

其中，`http://localhost:8080` 是后端服务的地址和端口号，需要根据实际情况修改。

完成以上配置后，Vue.js 前端应用就可以通过 `/api` 前缀访问到后端服务的接口了。