Weiterleitungsprobleme mit Webpack+Dev+Server – Stapelüberlauf
黄舟
黄舟 2017-05-19 10:26:29
0
1
575

Mit React zur Projektentwicklung haben meine Backend-Kollegen kürzlich Schnittstellen bereitgestellt. Ich verwende fetch, um AJAX-Anfragen zu stellen. Aber die Konsole meldet den folgenden Fehler!

Es sind domänenübergreifende Probleme aufgetreten. Einige Leute sagen, dass Webpack + Dev + Server die Weiterleitung von Proxy-Anfragen realisieren können, sodass keine domänenübergreifenden Probleme auftreten.
Aber ich habe die offizielle Konfiguration und die Konfigurationen anderer Leute online verfolgt, aber es ist immer noch dasselbe und hat keine Auswirkungen.
devServer: {

hot: true,
contentBase: resolve(__dirname, ''),
publicPath: '/',
proxy: {
    '/api': {
      target: 'http://test.lailaapp.com',
      pathRewrite: {'^/api' : ''},
      changeOrigin: true
    }
  }

},
Meine Konfiguration ist wie oben. Ich weiß nicht, was schief gelaufen ist. Ich habe die Webpack2.0-Version verwendet, um das Hot-Update gemäß der offiziellen Konfiguration durchzuführen. Kann mir jemand erklären, wie ich es konfigurieren kann, um Anfragen weiterzuleiten und domänenübergreifende Probleme zu lösen?

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

Antworte allen(1)
PHPzhong

犯了一个常识性错误,配置了proxy不代表请求原来的url能自动解决跨域问题,

你应该要把请求地址改成本地的 也就是 http://localhost:port/api

比如http://test.lailaapp.com/api/orderPlus/v2/bills 对应的就应该修改为
http://localhost:port/api/orderPlus/v2/bills
当然http://localhost:port可以省略,也就是/api/orderPlus/v2/bills

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage