Une brève discussion sur les problèmes inter-domaines dans le développement de webpacks

Cet article présente principalement la solution aux problèmes inter-domaines dans le développement de webpacks. L'éditeur pense qu'il est plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence. Suivons l'éditeur pour y jeter un œil

Cet article présente la solution aux problèmes inter-domaines dans le développement de webpacks et la partage avec tout le monde. Les détails sont les suivants :

1. Description

Webpack a un middleware http-proxy intégré qui peut résoudre le problème du proxy URL demandé

API.

nécessite un chemin d'accès proxy pour ajouter /

module.exports = {
  devtool: 'cheap-module-source-map',
  entry: './app/js/index.js'
  output: {
    path: path.resolve(__dirname, 'dev'),
    // 所有输出文件的目标路径
    filename: 'js/bundle.js',
    publicPath: '/',
    chunkFilename: '[name].chunk.js'
  },
  devServer: {
    contentBase: path.resolve(__dirname, 'dev'),
    publicPath: '/',
    historyApiFallback: true,
    proxy: {
      // 请求到 '/device' 下 的请求都会被代理到 target： http://debug.xxx.com 中
      '/device/*': { 
        target: 'http://debug.xxx.com',
        secure: false, // 接受 运行在 https 上的服务
        changeOrigin: true
      }
    }
  }
}

3. Utilisez

Remarque : L'URL utilisée doit commencer par / sinon elle. ne sera pas mandataire à l'adresse indiquée

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!