Eine kurze Diskussion über domänenübergreifende Probleme bei der Webpack-Entwicklung

Dieser Artikel stellt hauptsächlich die Lösung für domänenübergreifende Probleme bei der Webpack-Entwicklung vor. Der Herausgeber findet ihn recht gut, daher werde ich ihn jetzt mit Ihnen teilen und als Referenz verwenden. Folgen wir dem Herausgeber, um einen Blick darauf zu werfen

Dieser Artikel stellt die Lösung für domänenübergreifende Probleme bei der Webpack-Entwicklung vor und teilt sie mit allen. Die Details lauten wie folgt:

1. Beschreibung

Webpack verfügt über eine integrierte http-Proxy-Middleware, die das Problem des angeforderten URL-Proxys lösen kann

2

erfordert Proxy-Pfadnamen. Zum Hinzufügen von /

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. Verwenden Sie

Hinweis: Die verwendete URL muss mit / beginnen, andernfalls wird kein Proxy für die angegebene Adresse sein

Das obige ist der detaillierte Inhalt vonEine kurze Diskussion über domänenübergreifende Probleme bei der Webpack-Entwicklung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!