webpack-dev-server-proxy-doesnt-Arbeit

Möchte ich proxy /v1/* zu http://myserver.com, und hier ist mein Skript

JS:

 devServer: {
   historyApiFallBack: true,
   //progress: true,
   hot: true,
   inline: true,
   //https: true,
   port: 8081,
   contentBase: path.resolve(__dirname, 'public'),
   proxy: {
     '/v1/*': {
       target: 'http://api.in.uprintf.com',
       secure: false
         //changeOrigin: true
     }
   }
 },

aber es funktioniert nicht,
webpack-dev-server-proxy-doesnt-Arbeit

  • Wo muss man die Konfiguration?
InformationsquelleAutor Arthur Xu | 2016-04-16
  1. 20

    Update:
    Dank @chimurai, Einstellung changeOrigin: true ist wichtig, damit es funktioniert.

    Unter webpack-dev-server übergibt alle proxy-Konfiguration zu http-proxy-middleware von der Dokumentation. Es ist klar, die verwenden Sie, falls Sie möchten, auch tatsächlich erreicht werden mit /v1/** Pfad:

    devServer: {
   historyApiFallBack: true,
   //progress: true,
   hot: true,
   inline: true,
   //https: true,
   port: 8081,
   contentBase: path.resolve(__dirname, 'public'),
   proxy: {
     '/v1/**': {
       target: 'http://api.in.uprintf.com',
       secure: false,
       changeOrigin: true
     }
   }
 },
    • Vielen Dank für deine Antwort, aber es hat nicht funktioniert.
    • Sollte funktionieren mit den proxy-option: changeOrigin: true
    • changeOrigin: true/false, Default: false - changes the origin of the host header to the target URL Ja, es hat funktioniert. Vielen Dank für deine Antwort!
    • Ich bin neu webpack, wo setzen Sie die Konfiguration für eine proxy?
    • welche version von webpack unterstützt diese proxy-Funktion, die ich benutze webpack: 3.11.1 und webpack-dev-server: 2.9.6-und http-proxy-middelware: 0.19.1. Diese proxy-Konfiguration ist nicht für mich arbeiten, ich habe versucht, jede mögliche combinaton der proxy-Konfiguration.
    InformationsquelleAutor Yevgen Safronov
  2. 2

    Stellen Sie sicher, dass Ihre Anfrage-url und port-matches, die Ihr webpack-dev-server ausgeführt wird. Also, wenn Sie Ihre api befindet sich unter der http://localhost:5000, und Ihr dev-server ausgeführt wird http://localhost:8080, stellen Sie sicher, dass alle Ihre Anfragen werden an http://localhost:8080. Ihr bestes, um Ihre Anfragen zu localhost:8080/api (zur Vermeidung von Konflikten mit app-Routen) und benutzen Sie den Pfad neu schreiben, um die zu entfernen /api.

    Beispiel:

    Webpack devserver proxy config:

    proxy: {
    '/api': {
        target: 'http://localhost:5000',
        pathRewrite: { '^/api': '' },
    },
}

    Webpack dev-server läuft auf:

    http://localhost:8080

    Gewünschte API-Endpunkt:

    http://localhost:5000/items

    In Ihrer app, stellen Sie die Anfrage an:

    http://localhost:8080/api/items.

    Diese sollte Arbeit. Es scheint mir, dass alle der oben genannten Themen ergeben sich aus, der die Anfrage an die API-url und-port statt über den webpack dev-server-url und den port und den proxy und den Pfad umschreiben, leiten Sie die Anfrage an die API.

    • Dies funktionierte perfekt. Einfach und prägnant sein.
    InformationsquelleAutor Jeff Weinberg
  3. 1

    Dies funktioniert gut für mich.

        devServer: {
        host: '11.11.111.111',          //local ip
        port: 8080,
        contentBase: outputpath,
        historyApiFallback: true,
        inline: true,
        proxy: {
          '/api':{
                target:'http://example.com',
                pathRewrite: {'^/api' : ''},
                secure:false,
                changeOrigin:true
          }
        }
    },

    //verwenden

        $.ajax({
        url:'/api/pvp/share/getsharecfg.php',
        dataType:'json',
        ...
    • Bitte fügen Sie weitere Informationen zu Ihrer Antwort. Eine gute Antwort ist mehr als ein code-block.
    InformationsquelleAutor He LI
Schreibe einen Kommentar