gpt4 book ai didi

node.js - Docker-compose使2个微服务(前端+后端)通过http请求相互通信

转载 作者:太空宇宙 更新时间:2023-11-04 02:54:46 25 4
gpt4 key购买 nike

我有 2 个微服务:带有 next.js 的前端和带有 node.js 的后端,我从前端通过 REST-API 获取数据。

我现在遇到的问题是,我的 2 个服务似乎没有直接相互通信,问题是,当我开始使用 fetch-API 的 getinitialProps() 方法获取数据时,它可以工作。我的服务器端前端通过其服务名称找到后端。但是,当我从客户端向后端发出 http 请求时(例如通过浏览器表单输入)。找不到后台了吗?这是为什么?

这是我的 docker-compose.yml:

version: '3'

services:
dcbackend:
container_name: dcbackend
build:
context: ./dcbackend
dockerfile: Dockerfile
image: dcbackend
hostname: dcbackend
ports:
- '7766:7766'

dcfrontend:
container_name: dcfrontend
build:
context: ./dcfrontend
dockerfile: Dockerfile
image: dcfrontend
volumes:
- /app/node_modules
- ./dcfrontend:/app
hostname: dcfrontend
ports:
- '6677:6677'

这是我的浏览器客户端方法之一,用于将数据发送到后端(通过浏览器,我的url是http:dcbackend...所以通常它应该找到后端所在的其他docker环境,但它没有...

    if (environment == 'dev') {
url_link = `http://localhost:${port}`;
} else {
url_link = `http://dcbackend:${port}`;
}

let doublettenListe_link = `${url_link}/doubletten/`;

finishDocumentHandler = (anzeige,index) => {
let thisDocumentID = anzeige.id;
const requestOptions = {
method: 'PUT'
};

fetch(doublettenListe_link + thisDocumentID, requestOptions)
.then((response) => {
this.setState({finishSuccess: 'Dubletten in Datenbank eintragen erfolgreich!'});
this.setState({finishFail: ''});
this.processDocumentArray(index);
console.log(response);
})
.catch((error) => {
this.setState({finishSuccess: ''});
this.setState({finishFail : `Error beim Erzeugen des Eintrags! Eintrag wurde nicht in Datenbank gespeichert. Bitte prüfen, ob der Server läuft. ${error}`});
});
}

网络选项卡对我的请求的响应是:

Request URL: http://dcbackend:7766/doubletten/304699981
Referrer Policy: no-referrer-when-downgrade
Provisional headers are shown
Access-Control-Request-Method: PUT
Origin: http://localhost:6677
Referer: http://localhost:6677/
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.103 Safari/537.36

它与 docker-configuration、CORS() 或其他什么有关系吗?我无法向后端发出客户端 http 请求,但是,从后端进行初始获取以获取一些数据是有效的...

最佳答案

您必须将服务器端和客户端请求分开。您需要对客户端请求使用您的主机地址(例如 http://localhost:7766 ),因为您的浏览器将无法通过 docker 别名到达后端。

您可以使用 next.config.js 定义仅服务器和公共(public)运行时配置。

例如:

// next.config.js
module.exports = {
serverRuntimeConfig: {
// Will only be available on the server side
apiUrl: 'http://dcbackend:7766'
},
publicRuntimeConfig: {
// Will be available on both server and client
apiUrl: 'http://localhost:7766'
}
}

然后您需要使用 getConfig() 从 nextjs 获取 apiUrl

// pages/index.js
import getConfig from 'next/config';

const { serverRuntimeConfig, publicRuntimeConfig } = getConfig();

const apiUrl = serverRuntimeConfig.apiUrl || publicRuntimeConfig.apiUrl;

const Index = ({ json }) => <div>Index</div>;

Index.getInitialProps = async () => {
try {
const res = await fetch(`${apiUrl}/doubletten/304699981`);
const json = await res.json();
return { json };
} catch(e) {
console.log('Failed to fetch', e);
return { json: null };
}
}

export default Index;

关于node.js - Docker-compose使2个微服务(前端+后端)通过http请求相互通信,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55922397/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com