Я столкнулся с проблемой CORS при отправке запроса GET из моего интерфейса на
'http://localhost:8080/api/projects/admin/toinspection'. Сообщение об ошибке:
«Доступ к XMLHttpRequest по адресу «http://localhost:8080/api/projects/admin/toinspection» из источника «http://localhost:8081» имеет заблокирован политикой CORS: ответ на предполетный запрос не проходит проверку контроля доступа: в запрошенном ресурсе отсутствует заголовок Access-Control-Allow-Origin».
CORS настроен правильно, и запрос в Postman работает нормально. В чем может быть причина проблемы в браузере?
Заранее благодарим за помощь.
Вот фрагменты моих компонентов:
Вот фрагменты моих компонентов:
p>
// ProjectPage.tsx
const ProjectsPage = () => {
const [projectsData, setProjectsData] = useState
([])
const projectsUrl = 'http://localhost:8080/api/projects/admin/toinspection'
useEffect(() => {
fetchData().then(r => console.log(r))
}, []);
const fetchData = async() => {
const token = Cookies.get('token')
const response = await axios.get(projectsUrl, {
headers: {
"Content-Type": "application/json",
Authorization: `Bearer ${token}`,
},
withCredentials: true
})
setProjectsData(response.data)
}
return (
);
};
export default ProjectsPage;
// AdminModContent.tsx
const AdminModContent: React.FC = ({ data }) => {
if (!data || data.length === 0) {
return (
No content to moderate
);
}
const renderContent = (item: ContentItem) => {
if (!item) return null;
switch (item.type) {
case "projects":
return (
ID: {item.id}
Project: {item.title}
Tech Stack: {item.technologyStack}
Description: {item.mainText}
Wishes: {item.wishes}
);
};
return (
{data.map(item => renderContent(item))}
);
};
export default AdminModContent;
// CorsConfig.java
@Bean
public WebMvcConfigurer getWebMvcConfigurer(){
return new WebMvcConfigurer() {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("http://localhost:8081")
.allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS")
.allowedHeaders("*")
.allowCredentials(true);
}
};
}
Подробнее здесь: https://stackoverflow.com/questions/791 ... -to-server
React + Spring Boot: получение ошибки CORS при отправке запроса на сервер ⇐ JAVA
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение
-
-
React + Spring Boot: получение ошибки CORS при отправке запроса на сервер
Anonymous » » в форуме JAVA - 0 Ответы
- 9 Просмотры
-
Последнее сообщение Anonymous
-
-
-
Получение ошибки CORS при отправке запроса в Backend API. (TSX Frontend) (JS Backend)
Anonymous » » в форуме Javascript - 0 Ответы
- 7 Просмотры
-
Последнее сообщение Anonymous
-