Webpack Dev Server erlauben Pfade mit `dot` in ihnen

Question

In meiner React.js App habe ich eine Route wie folgt aus:

/foo/foo.bar/foo 

Wenn ich diese URL laden (Klick auf den Browser aktualisieren), ich bekomme:

Cannot GET /foo/foo.bar/foo 

ich denke, das Problem ist, dass Webpack Dev Server denkt, dass diese URL auf eine statische Asset bezieht und versucht, sie zu laden.

Wie kann ich dieses Problem beheben? (Ich brauche den Punkt)

Answer 1

aktualisiert Antwort, weil ich nicht erkennen, dass Sie webpack Dev-Server wurden mit: Sie können einen Proxy in webpack.config.js machen, die Anfragen an/foo/foo weiterleitet. Bar. Sie können die Anfragen entweder an einen anderen Backend-Server weiterleiten, der Ihre index.html-Datei bereitstellt, oder Sie können den Proxy überschreiben und index.html direkt zurückgeben lassen. Beispielkonfiguration unter

proxy: [ 
    { 
     path: /\/foo\/foo.bar\/foo/, 
     bypass: function(req, res, proxyOptions) { 
      return '/index.html'; 
     } 
    } 
] 

Es ist ein bisschen hacky, aber es funktioniert.