title: React js using create-app how to set X-FRAME-OPTIONS on webpack
body: <p>I've searched over the net, not sure how to set X-FRAME-OPTIONS in my react app, the web.config.js looks like this, it's using inline option</p>
  
  <p>when I load index.html it gives response X-FRAME-OPTIONS:DENY I need it to change it to X-FRAME-OPTIONS:SAMEORIGIN, as I need to open an iframe within my app.  Right now I'm getting a chrome error and firefox error.</p>
  
  <p>Not sure how I can update my web.config.js in development, I'm super confused.</p>
  
  <pre><code>module.exports = {
    devtool: 'eval',
    entry: {
      app: [
        'react-hot-loader/patch',
        'webpack-dev-server/client?http://0.0.0.0' + web_port,
        'webpack/hot/only-dev-server',
        './src/index'
      ],
      vendor: [
        'react',
        'react-dom',
        'react-router',
        'react-router-dom',
        'react-forms-ui',
        'mobx',
        'mobx-react',
        'sockjs-client',
        'react-table',
        'react-bootstrap-table',
      ],
      fonts: glob.sync("./src/webfonts/*")
    },
    output: {
      path: path.join(__dirname, 'dist'),
      filename: '[name].bundle.js',
      publicPath: '/static/'
    },
  </code></pre>