Ошибка 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,
    },
...
}

Ответы (0 шт):