reactjs - 如何实现 webpack-dev-server 来共享服务器端渲染页面的 cookie？

Question

我目前正在构建reactjs应用程序，它使用服务器端cookie进行身份验证。我正在尝试使用 webpack-dev-server 进行开发。

在当前场景中，我在一个域上托管 webpack-dev-server，在另一个域上托管应用程序服务器，但我需要在这两个域中共享 cookie。

我认为 cookie 不能跨不同域工作，但是有没有办法可以解决这个问题，让它们在开发环境中共享它？

目前，我正在尝试将开发服务器的 iframe 嵌入到应用程序服务器的 url 中。尽管如此，由于它们具有不同的主机名，cookie 无法共享。然后，我发现cookie可以跨子域共享，但不知道如何将本地主机下的不同端口分配给不同的子域。

我们将非常感谢您的建议和反馈。

Answer 1

我最终使用 webpack-dev-server 的代理服务器功能解决了这个场景。

//dev-server.js

var webpack = require('webpack')
var WebpackDevServer = require('webpack-dev-server')
var config = require('./webpack.config')

new WebpackDevServer(webpack(config), {
  publicPath: config.output.publicPath,
  hot: true,
  inline: true,
  historyApiFallback: true,
  proxy: {
    "**": "http://localhost:8000"
  }
}).listen(3000, '0.0.0.0', function (err, result) {
  if (err) {
    console.log(err)
  }

  console.log('Listening at 0.0.0.0:3000')
});

这样devServer(端口:3000)从服务器(端口:8000)渲染页面，这允许前端从服务器接收和使用cookie。