0

我正在尝试从本地服务器获取数据，这是我的服务器以及我如何处理 GET 请求：

const express = require('express');
const app = express();
const port = 3000;
app.use(express.json());

app.listen(port, () => {
  console.log(`app running on port: ${port}...`);
});

const responseToClient = (req, res) => {
  res.status(200).json({
    status: 'success',
    body: 'Hello from the server!',
  });
};

app.get('/api', responseToClient);

当我运行我的服务器并向这个地址发送 GET 请求时：使用 Postman 的 127.0.0.1:3000/api，它运行良好。

问题是我创建了一个 html 页面和一个 js 文件，并希望通过它从我的本地服务器获取数据。这是我对我的 js 文件的获取请求：

const url = '/api';

const fetchData = async () => {
  try {
    const response = await fetch(url);
    const body = await response.json();
    alert(body);
  } catch (error) {
    alert(error);
  }
};
fetchData();

我使用默认在端口 5500 上运行的实时服务器（扩展）运行我的 html 文件，因此我的获取请求的地址将是 127.0.0.1:5500/api（而不是 127.0.0.1:3000/api），所以它不存在，我收到一条错误消息。

我尝试更改服务器的端口并将其设置为 5500（与 live-server 相同）但它不起作用。

如何运行我的本地服务器并使用实时服务器和我的 html 文件向它发送请求？

4

2 回答 2

1

通过使用解决：

 const url = 'http://localhost:3000/api';

而不是IP地址和安装cors中间件。

于 2022-02-12T21:15:50.493 回答
0

如果您不想将 HTML 和 JS 文件静态化到 Express 服务器上，请尝试以下操作：

const url = '/api'; // bad
const url = '127.0.0.1:3000/api'; // better
于 2022-02-12T20:12:51.603 回答