Webpack 開発におけるクロスドメインの問題に関する簡単な説明

この記事では、主に Webpack 開発におけるクロスドメインの問題の解決策を紹介します。編集者が非常に優れていると考えたので、参考として共有します。エディターをフォローして見てみましょう

この記事では、Webpack 開発におけるクロスドメインの問題の解決策を紹介し、それを皆さんと共有します。詳細は次のとおりです:

説明

1. URL プロキシの問題を解決できる http-proxy-middleware

2. API

をプロキシのパス名に追加する必要があります

3。 / で始まる必要があります。そうでない場合は、指定されたアドレスへのプロキシにはなりません

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
      }
    }
  }
}

以上がWebpack 開発におけるクロスドメインの問題に関する簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。