to XMLHttpRequest at 'http://localhost:8081/todo' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
На сервере имеются все необходимые правила. CORS тоже подключал. Умный человек подсказал, что запрос с клиента нужно проксировать.
Сейчас есть такие файлы:
1. Экземпляр axios :
import axios from 'axios'
export default() => {
return axios.create({
baseURL: http://localhost:8081/
})
}
2. Модуль, через который я и стучу на сервер:
import api from '@/services/api'
export default {
getTodos () {
return api().get('todo')
},
addTodo (todo) {
return api().post('addTodo', {
todo: todo
})
},
deleteTodo (todoID) {
return api().post('deleteTodo', {
todoID: todoID // add our data to the request body
})
}
}
Вопрос: как запроксировать запрос?
в vue.config.js devServer: { proxy: "https://........ru", }
Если у тебя хром, то установи расширение, которое разрешит корсы в твоём сайте я юзю это https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=ru
юзай айпи вместо localhost, потому что браузер игнорирует заголовки когда localhost
Обсуждают сегодня