problem in Laravel And Vuejs , Deploy To Heroku

Question

welcome. I made an experiment project to check (laravel-with-vue) and uploaded it to Heroku. But the screen appears blank and when checking the item it appears:

    <body data-new-gr-c-s-check-loaded="14.1012.0" data-gr-ext-installed="" cz-shortcut-listen="true">
    <div id="app">
        <app></app>
    </div>
    <!-- Scripts -->
    <script src="http://blogy-new.herokuapp.com/js/app.js"></script>
    </body>

And this website for more details: https://blogy-new.herokuapp.com/

But on localhost it works fine:

in heroku :

matiaslauriti · Accepted Answer · 2021-06-02 21:10:39Z

1

Your problem is super straight forward to fix, if you check the chrome console, you will see this error:

Mixed Content: The page at 'https://blogy-new.herokuapp.com/' was loaded over HTTPS, but requested an insecure script 'http://blogy-new.herokuapp.com/js/app.js'. This request has been blocked; the content must be served over HTTPS.

It is saying that you are asking for your js file using HTTP, but your page is HTTPS, so you have to rewrite your js file URL to HTTPS and it will be fixed:

<script src="https://blogy-new.herokuapp.com/js/app.js"></script>

It is working in your localhost because it is HTTP.

answered Jun 2, 2021 at 21:10

matiaslauriti

8,2004 gold badges37 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ahmed Qeshta Over a year ago

when I use " blogy-new.herokuapp.com ", it is working, thank you, for answering my question

matiaslauriti Over a year ago

Be careful that "blogy-new.herokuapp.com" goes to http and not https. If you want to add a script, try always to be absolute without the domain. A better solution to your problem would be to use src="/js/app.js" and it will automatically use correct protocol and domain...

Collectives™ on Stack Overflow

problem in Laravel And Vuejs , Deploy To Heroku

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related