title: Heroku throws 403 forbidden after build with webpack
body: <p>I have a problem with building my vuejs app on heroku after using my webpack config instead of simple using <code>vue-cli-service build</code></p>
  <p>package.json</p>
  <pre><code>&quot;build&quot;: &quot;webpack --config webpack.config.js&quot;,
  
  //before webpack I use this
  //&quot;build&quot;: &quot;vue-cli-service build&quot;,
  </code></pre>
  <p>after build with webpack my heroku build the whole app properly and I have this:</p>
  <pre><code>remote: -----&gt; Compressing...
  remote:        Done: 92.6M
  remote: -----&gt; Launching...
  remote:        Released v69
  remote:        https://someapp.herokuapp.com/ deployed to Heroku
  </code></pre>
  <p>but when i go to <code>https://someapp.herokuapp.com/</code>, my app is blank and I have <code>403 Forbidden nginx</code> :/</p>
  <p>I do not know what is wrong with my webpack :/</p>
  <p>here is my webpack config</p>
  <p>webpack.config.js</p>
  <pre><code>var path = require('path')
  const { VueLoaderPlugin } = require('vue-loader')
  const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
  const MiniCssExtractPlugin = require(&quot;mini-css-extract-plugin&quot;);
  const OptimizeCSSAssetsPlugin = require(&quot;optimize-css-assets-webpack-plugin&quot;);
  const CompressionPlugin = require(&quot;compression-webpack-plugin&quot;);
  
  module.exports = {
    entry: './src/main.js',
    mode: 'production',
    output: {
      path: path.resolve(__dirname, './dist'),
      publicPath: '/dist/',
      filename: 'someapp.bundle.js'
    },
    optimization: {
      usedExports: true,
      minimize: true,
      minimizer: [new UglifyJsPlugin()],
    },
    plugins: [
      new VueLoaderPlugin(),
      new MiniCssExtractPlugin({
        filename: 'someapp.bundle.css'
      }),
      new OptimizeCSSAssetsPlugin(),
      new CompressionPlugin({
        test: /\.js(\?.*)?$/i,
        algorithm: &quot;gzip&quot;,
        filename: &quot;[path][base].gz&quot;
      })
    ],
    module: {
      rules: [
        {
          test: /\.css$/,
          use: [
            'vue-style-loader',
            'css-loader'
          ],
        },{
          test: /\.vue$/,
          loader: 'vue-loader'
      },{
          test: /\.js$/,
          loader: 'babel-loader',
          exclude: /node_modules/
      },{
          test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/,
          loader: 'file-loader?name=./fonts/[name].[ext]'
      },{
          test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
          loader: 'file-loader?name=./fonts/[name].[ext]'
      }, {
          test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,
          loader: 'file-loader?name=./img/[name].[ext]'
      }, {
          test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
          loader: 'file-loader?name=./img/[name].[ext]'
      }, {
          test: /\.jpg$/,
          use: [&quot;file-loader?name=./img/[name].[ext]&quot;]
      }, {
          test: /\.png$/,
          use: [&quot;file-loader?name=./img/[name].[ext]&quot;]
      }]
    },
    resolve: {
      alias: {
        '@': path.resolve('src')
      },
      extensions: ['*', '.js', '.vue', '.json']
    },
    devServer: {
      historyApiFallback: true,
      noInfo: true,
      overlay: true
    },
    performance: {
      hints: false
    },
    devtool: false
  }
  </code></pre>
  <p>@EDIT:
  I change build to <code>vue-cli-service build</code> and whole app was created successfully and a I do not have 403:Forbidden, so, problem must be with webpack</p>
  <p>can someone tell me what is wrong with my heroku build?</p>
  <p>thanks for any help!</p>