Nuxt 无法使用 docker-compose 访问 asyncData 上的服务器

Question

我已经创建了这个已编辑的样板，我正在另一个项目中使用它，但我无法使用它返回的

asyncData

获取数据

Error: connect ECONNREFUSED 127.0.0.1:80
    at TCPConnectWrap.afterConnect [as oncomplete] (net.js:1146:16) {
  errno: -111,
  code: 'ECONNREFUSED',
  syscall: 'connect',
  address: '127.0.0.1',
  port: 80,
  ...

我的代码如下所示：

  async asyncData ({ $axios, store, req }) {
    const userEmail = '[email protected]'

    await $axios
      .post(`${process.env.BASE_API_URL}/profilepage`, {
        email: userEmail
      })
      .then((resp) => {
        store.commit('setUser', resp.data.user)
      })
      .catch((error) => {
        console.log(error)
      })
  },

BASE_API_URL

它是

BASE_API_URL=http://localhost/api

我也尝试过

http://webserver:80/api/profilepage

但没有运气。

如何修复它并能够在服务器端影响数据？正如你所看到的，我在网络服务器服务上有一个重定向，如果匹配则指向 Laravel 容器

api|storage

REDACTED

Answer 1

我解决了这个问题，尽管说实话我不明白其中的逻辑。 在

docker-compose.yml

中，我已更改

80:81

中的端口

80:80

和

nginx.conf

使用 80 而不是 81，现在我可以使用 http://webserver/api/... 并在打开时访问端点服务器端。