Проблема с CORS в Vue.js - PullRequest
       14

Проблема с CORS в Vue.js

0 голосов
/ 22 марта 2019

Я работаю над приложением Vue.js (v2.5.16), работающим локально, которое запрашивает ресурс (скажем, /gateway/login), который находится на другом сервере (скажем, https://example.com). У меня есть proxyTable настройте в config/index.js прокси-запросы к серверу следующим образом:

module.exports = {
    dev: {
        proxyTable: {
            '/gateway': {
                target: 'https://example.com',
                changeOrigin: true
            }
        }
        ...
    }
    ...
}

Поскольку на сервере не включен CORS, в консоли Chrome dev появляется следующая ошибка:

Доступ к XMLHttpRequest в 'https://example.com/gateway/login' (перенаправлен из' http://localhost:9002/gateway/login') из источника 'http://localhost:9002' заблокирован политикой CORS: нет' Access-Control-Allow-Origin ' заголовок присутствует на запрашиваемом ресурсе.

У меня нет контроля над сервером, поэтому я не могу включить CORS на нем. Есть ли способ обойти эту проблему, внеся изменения в файл config/index.js для среды разработки?

Я понимаю, что могу использовать расширение Chrome, но предпочитаю вносить изменения в файл config/index.js.

Я просмотрел похожие посты по stackoverflow, а также ссылки в http://vuejs -templates.github.io / webpack / proxy.html и https://github.com/chimurai/http-proxy-middleware,, но не нашел решение, которое будет работать для меня. У меня нет большого опыта в программировании внешнего интерфейса, поэтому любая помощь будет принята с благодарностью! Заранее спасибо!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...