Я работаю над приложением 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,, но не нашел решение, которое будет работать для меня. У меня нет большого опыта в программировании внешнего интерфейса, поэтому любая помощь будет принята с благодарностью! Заранее спасибо!