Problèmes de transfert à l'aide de webpack+dev+server

Question

En utilisant React pour développer des projets, mes collègues backend ont récemment fourni des interfaces. J'utilise fetch pour faire des requêtes AJAX. Mais la console signale l'erreur suivante !

Des problèmes inter-domaines sont survenus. Certaines personnes disent que webpack+dev+server peut réaliser le transfert de requêtes proxy, de sorte que des problèmes inter-domaines ne se produiront pas.
Mais j'ai suivi la configuration officielle et les configurations d'autres personnes en ligne, mais c'est toujours la même et n'a aucun effet.
devServer : {

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

},
Ma configuration est comme ci-dessus. Je ne sais pas ce qui n'a pas fonctionné, j'ai utilisé la version webpack2.0 pour implémenter la mise à jour à chaud selon la configuration officielle. Quelqu'un peut-il m'aider à expliquer comment le configurer pour transférer les demandes et résoudre les problèmes inter-domaines ?

Answer 1

J'ai commis une erreur de bon sens. Configurer le proxy ne signifie pas que demander l'URL d'origine peut résoudre automatiquement les problèmes inter-domaines.

Vous devez remplacer l'adresse de la requête par une adresse locale, c'est-à-dire http://localhost:port/api

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/billsPar exemple, http://test.lailaapp.com/api/orderPlus/v2/bills doit être remplacé par
http://localhost:port/api/orderPlus/ v2/bills
Bien sûr, http://localhost:port peut être omis, c'est-à-dire /api/orderPlus/v2/bills