开发使用远程服务器 API 的 React 应用程序

Question

我们有一台带有 IIS 服务器和托管所有 Web 服务的开发机器。 （例如https://test.com）

我们如何在开发 React 应用程序时使用这些 Web 服务，因为开发通常是在本地机器上完成，该机器运行 Node 作为 localhost 和不同来源的服务器。

生产版本将在 IIS 服务器中运行，因为同源。

任何帮助都会很棒！

Answer 1

只是因为这个很简单，我会告诉你，但你需要检查如何发布问题的接受标准。

如果你使用 CRA，你需要做的就是在你的 package.json 中添加一个属性调用 'proxy' 并设置 api 的 url

{
"name": "proyect-name",
  "private": true,
  "version": "0.1.0",
  "license": "MIT",
  "proxy": "https://domain-where-yow-server-is.com"
}

然后在您的请求中仅设置路径名，例如登录端点是https://test.com/api/login

在你获取集合/api/login

/**
* @param    {Object} credentials
* @property {String} credentials.email
* @property {String} credentials.password
* @returns token
**/
export function login (credentials) {
   return fetch("/api/login", {
       method: "POST",
       body: JSON.stringify(credentials),
       headers:{
          "Content-Type": "Application/json"
       }
   })
}