Webpack-dev-Server sendet keine Anfragen an externe Domäne über Proxy

Question

Ich versuche, die Webpack-dev-Server-Proxy-Konfiguration verwenden, um API-Anfragen an eine externe Domäne zu senden, und ich kann nicht scheinen, es funktioniert.

Hier ist meine config:

var path = require('path') 

module.exports = { 
    entry: './client/index.js', 
    output: { 
     filename: 'bundle.js', 
     path: path.resolve(__dirname, 'public/assets'), 
     publicPath: 'assets' 
    }, 
    devServer: { 
     contentBase: 'public', 
     proxy:{ 
      '/api/v1*': { 
       target: 'http://laravelandwebpack.demo/', 
       secure: false 
      } 
     } 
    } 
} 

also jederzeit meine app eine Anfrage mit der uri /api/v1... macht sollte es diese Anforderung an http://laravelandwebpack.demo senden.

In meiner Vue app, ich bin mit den vue-resource die Anforderungen zu machen, und ich bin alle Anfragen mit dem benötigten uri Präfix säumig:

var Vue = require('vue') 
Vue.use(require('vue-resource')) 

new Vue({ 
    el: 'body', 
    http: { 
     root: '/api/v1', // prefix all requests with this 
     headers:{ 
      test: 'testheader' 
     } 
    }, 
    ready: function(){ 
     this.$http({ 
      url: 'tasks', 
      method: 'GET' 
     }).then(function (response){ 
      console.log(response); 
     }, function (response){ 
      console.error(response); 
     }) 
    } 
}) 

Die URL richtig aufgebaut werden, aber sie sind noch localhost:8080 zeigen auf, welche der webpack-dev-Server:

ich gelesen und die Dokumentation für webpack-dev-Server neu zu lesen und ich kann nicht herausfinden, wo ich es falsch eingestellt habe . Irgendwelche Ideen?

Answer 1

Ich habe eine Problemumgehung für dieses Problem gefunden. In meinem Fall muss ich Anfragen an mein Backend für irgendeinen /api/* Weg proxy, also überbreche ich alle Anfragen, die nicht mit API beginnen.

Probe: proxy: { '*': { target: 'http://localhost:8081', secure: false, rewrite: function(req) { console.log('rewriting'); req.url = req.url.replace(/^\/api/, ''); }, bypass: function(req, res, proxyOptions) { if (req.url.indexOf('api') !== 0) { console.log('Skipping proxy for browser request.'); return '/index.html'; }else{ return false; } } } }