Weiterleitungsprobleme mit Webpack+Dev+Server – Stapelüberlauf

Question

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?

Answer 1

犯了一个常识性错误，配置了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