React + Spring Boot: получение ошибки CORS при отправке запроса на серверJAVA

Программисты JAVA общаются здесь
Ответить Пред. темаСлед. тема
Anonymous
 React + Spring Boot: получение ошибки CORS при отправке запроса на сервер

Сообщение Anonymous »

Я столкнулся с проблемой 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
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «JAVA»