У меня есть приложение React, работающее на localhost: 5000, и сервер express, работающий на localhost: 3000, я пытаюсь использовать fetch для вызова моего API из express в моем приложении реагирования.
Я продолжаю получать «net :: ERR_SSL_PROTOCOL_ERROR» в Chrome, и консоль Safari сообщает: «Не удалось загрузить ресурс: произошла ошибка SSL и не удалось установить безопасное соединение с сервером».
Куда я звоню?
import React from "react";
import { Container } from "reactstrap";
import axios from "axios";
export default function AppSearchResultsModal(props) {
fetch("https://localhost:3000/api/twitter/soccer", {
method: "GET",
})
.then((res) => console.log(res))
.catch((res) => console.log(res));
return (
<div>
<Container className="mt-5">
<h1>hello</h1>
</Container>
</div>
);
}
Куда я берусь с
router.get("/:searchTerm", (req, res) => {
res.header("Access-Control-Allow-Origin", "*");
res.header(
"Access-Control-Allow-Headers",
"Origin, X-Requested-With, Content-Type, Accept"
);
let searchTerm = req.params.searchTerm;
searchTerm = searchTerm.replace(/ /g, "%20");
const client = new twitter({
consumer_key: TWITTER.CONSUMER_KEY,
consumer_secret: TWITTER.CONSUMER_SECRET,
access_token_key: TWITTER.ACCESS_TOKEN_KEY,
access_token_secret: TWITTER.ACCESS_TOKEN_SECRET,
});
const params = { q: searchTerm, count: 10 };
client.get("users/search", params, (error, twitterAccounts, response) => {
if (!error) {
res.send(parseTwitterAccounts(twitterAccounts));
} else {
res.send(error);
}
});
});