Ошибка CORS при запросах к api vue ssr
При отправке запроса http://178.172.172.89:3210/get-zones появляется ошибка:
Access to XMLHttpRequest at 'http://178.172.172.89:3210/get-zones' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
UPD
так же появляется ошибка
Failed to load resource: net::ERR_FAILED
Заголовок Access-Control-Allow-Origin есть, в чем проблема не могу разобраться. На сервере настроено все верно, проверял через postman.
Возможно нужно настроить прокси, но я не понимаю как.
Пробовал изменять api.js
import axios from 'axios'
const inst = axios.create({
baseURL: 'http://178.172.172.89:3210',
headers: { 'Access-Control-Allow-Origin': '*' },
})
inst.interceptors.response.use(
(response) => response,
(error) => Promise.reject(error)
)
const ApiService = {
get (resource, params) {
return inst.get(`${resource}`, params !== null ? params : null).catch((error) => {
throw error.response
})
},
post (resource, params) {
return inst.post(`${resource}`, params).catch((error) => {
throw error.response
})
},
}
export default ApiService
home.vue
import ApiService from '@/common/api'
.....
ApiService.get(`/get-zones`).then((response) => {
console.log(response.data)
}).catch((error) => {
console.error(error)
})
.....
ssr.js
const cors = require('cors')
const app = new Koa()
app.use(cors())
vue.config.js
module.exports = {
....
devServer: {
historyApiFallback: true,
},
...
}