Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Node.js 如何让create react应用程序使用IP连接到我的api服务器?_Node.js_Reactjs_Graphql_Create React App_Koa - Fatal编程技术网

Node.js 如何让create react应用程序使用IP连接到我的api服务器?

Node.js 如何让create react应用程序使用IP连接到我的api服务器?,node.js,reactjs,graphql,create-react-app,koa,Node.js,Reactjs,Graphql,Create React App,Koa,我正在使用Facebook的CreateReact应用程序。启动web客户端时,我在控制台中看到: You can now view web-client in the browser. Local: http://localhost:3000/ On Your Network: http://192.168.1.107:3000/ 问题是我的web客户端使用localhost连接到api服务器,这意味着我不能使用不同设备上的IP地址来调试问题 env var

我正在使用Facebook的CreateReact应用程序。启动web客户端时,我在控制台中看到:

You can now view web-client in the browser.

  Local:            http://localhost:3000/
  On Your Network:  http://192.168.1.107:3000/
问题是我的web客户端使用localhost连接到api服务器,这意味着我不能使用不同设备上的IP地址来调试问题

env variables.js:

export const ENV = process.env.NODE_ENV || 'development';

const ALL_ENV_VARS = {
  development: {
    GRAPHQL_ENDPOINT_URI: 'http://localhost:4000/graphql',
  },
....
我尝试用以下内容更新上述内容:

GRAPHQL_ENDPOINT_URI: `http://${process.env.ip}:4000/graphql`,

这不起作用,
process.env.ip
返回未定义。如何获取上面的GRAPHQL_ENDPOINT_URI以使用create react app获得的IP地址?

尝试将以下内容添加到客户端package.json中:

"proxy": "http://localhost:4000/",
然后你可以离开房间

http://localhost:4000
关闭从客户端指向API服务器的任何URL。您只需将这些地址称为

/graphql/<any additional URL data>
只需将/api替换为/graphql即可

请看这篇文章以获得进一步的解释。希望这有帮助

//Use our router configuration when we call /api
app.use('/api', router);