Как прокси URL-вызов в Vue.js в производстве?

Question

В Dev у меня есть локальный проект vue.js и сервер dev.И я следовал этому руководству:

http://vuejs -templates.github.io / webpack / proxy.html

, чтобы настроить proxyTable так, чтобы всякий раз, когда ясделайте REST вызов сервера dev, используя Axios, он будет перенаправлен на мой сервер dev вместо URL-адреса vue.

При развертывании на prod мои пакеты сборки vue развертываются наS3 и мой сервер отдыха находится в EBS .Они находятся в разных поддоменах.Поэтому моему Vue необходимо также настроить прокси для всех вызовов REST .Однако vuejs&webpack не разрешает использование proxyTable в файле конфигурации в разделе build.Какой лучший способ справиться с этим?

моя конфигурация:

module.exports = {
  build: {
    env: 'prod',
    productionSourceMap: true,
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
      '/api': {
       logLevel: 'info',
       target: 'http://myRestServer.com/...',
       changeOrigin: true,
       pathRewrite: {
         '^/api': '/'
       }
      }
    }, 
  },
 dev: {
   proxyTable: {
     '/api': {
      logLevel: 'info',
      target: 'http://127.0.0.1:3005',
       changeOrigin: true,
      pathRewrite: {
         '^/api': '/'
      }
    }
  },
}

Answer 1

Может быть, вы должны использовать devServer вместо.А для build Полагаю, сейчас есть другое имя.

Например:

module.exports = {
  devServer: {
   // your settings
  }
}

Например:

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: '<url>',
        ws: true,
        changeOrigin: true
      },
      '/foo': {
        target: '<other_url>'
      }
    }
  }
}

Ссылка: vue-кли