title: Heroku error : This request has been blocked; the content must be served over
body: <p>I've deployed my laravel app to heroku. I have this file below as my frontend.blade.php but somehow heroku is throwing me this error message to the chrome developer console.</p>
  <p>Error:</p>
  <blockquote>
  <p>geeksolution.herokuapp.com/:18 Mixed Content: The page at 'https://geeksolution.herokuapp.com/' was loaded over HTTPS, but requested an insecure stylesheet 'http://geeksolution.herokuapp.com/frontend/css/main.css'. This request has been blocked; the content must be served over HTTPS.
  geeksolution.herokuapp.com/:22 Mixed Content: The page at 'https://geeksolution.herokuapp.com/' was loaded over HTTPS, but requested an insecure stylesheet 'http://geeksolution.herokuapp.com/frontend/css/app.minify.css'. This request has been blocked; the content must be served over HTTPS.
  geeksolution.herokuapp.com/:1 Mixed Content: The page at 'https://geeksolution.herokuapp.com/' was loaded over HTTPS, but requested an insecure script 'http://geeksolution.herokuapp.com/frontend/js/app.js'. This request has been blocked; the content must be served over HTTPS.
  geeksolution.herokuapp.com/:1 Mixed Content: The page at 'https://geeksolution.herokuapp.com/' was loaded over HTTPS, but requested an insecure favicon 'http://geeksolution.herokuapp.com/frontend/images/content/favicon.png'. This request has been blocked; the content must be served over HTTPS.
  site.webmanifest:1 Failed to load resource: the server responded with a status of 404 (Not Found)
  site.webmanifest:1 Manifest: Line: 1, column: 1, Syntax error.
  geeksolution.herokuapp.com/:1 Mixed Content: The page at 'https://geeksolution.herokuapp.com/' was loaded over HTTPS, but requested an insecure stylesheet 'http://geeksolution.herokuapp.com/frontend/css/main.css'. This request has been blocked; the content must be served over HTTPS.
  geeksolution.herokuapp.com/:1 Mixed Content: The page at 'https://geeksolution.herokuapp.com/' was loaded over HTTPS, but requested an insecure stylesheet 'http://geeksolution.herokuapp.com/frontend/css/app.minify.css'. This request has been blocked; the content must be served over HTTPS.
  DevTools failed to load source map: Could not load content for chrome-extension://fheoggkfdfchfphceeifdbepaooicaho/sourceMap/chrome/iframe_handler.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
  DevTools failed to load source map: Could not load content for chrome-extension://fheoggkfdfchfphceeifdbepaooicaho/sourceMap/chrome/content.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
  site.webmanifest:1 Failed to load resource: the server responded with a status of 404 (Not Found)</p>
  </blockquote>
  <p>frontend.blade.php :</p>
  <pre><code>    &lt;meta charset=&quot;utf-8&quot; /&gt;
      &lt;title&gt;Geek Solution&lt;/title&gt;
      &lt;meta name=&quot;description&quot; content=&quot;&quot; /&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
  
      &lt;meta property=&quot;og:title&quot; content=&quot;&quot; /&gt;
      &lt;meta property=&quot;og:type&quot; content=&quot;&quot; /&gt;
      &lt;meta property=&quot;og:url&quot; content=&quot;&quot; /&gt;
      &lt;meta property=&quot;og:image&quot; content=&quot;&quot; /&gt;
  
      &lt;link rel=&quot;manifest&quot; href=&quot;site.webmanifest&quot; /&gt;
      &lt;link rel=&quot;apple-touch-icon&quot; href=&quot;{{ url('/frontend/images/content/favicon.png') }}&quot; /&gt;
      &lt;!-- Place favicon.ico in the root directory --&gt;
  
      &lt;link rel=&quot;stylesheet&quot; href=&quot;{{ url('/frontend/css/main.css') }}&quot; /&gt;
      &lt;link rel=&quot;icon&quot; href=&quot;{{ url('/frontend/images/content/favicon.png') }}&quot; /&gt;
  
      &lt;meta name=&quot;theme-color&quot; content=&quot;#000&quot; /&gt;
    &lt;link rel=&quot;icon&quot; href=&quot;favicon.ico&quot;&gt;&lt;link href=&quot;{{ url('/frontend/css/app.minify.css') }}&quot; rel=&quot;stylesheet&quot;&gt;&lt;/head&gt;
  
  
  </code></pre>