Laravel 和 Vuejs 中的问题，部署到 Heroku

Question

欢迎。我做了一个实验项目来检查（laravel-with-vue）并上传到Heroku。但是屏幕显示空白，检查项目时显示：

    <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>

有关更多详细信息，请访问此网站：https://blogy-new.herokuapp.com/

但在本地主机上它工作正常：

在 heroku 中：

Answer 1

你的问题很容易解决，如果你检查 chrome 控制台，你会看到这个错误：

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.

它是说您正在使用 HTTP 请求您的 js 文件，但您的页面是 HTTPS，因此您必须将 js 文件 URL 重写为 HTTPS 并且它将被修复：

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

它在您的本地主机上工作，因为它是 HTTP。

Laravel 和 Vuejs 中的问题，部署到 Heroku

problem in Laravel And Vuejs , Deploy To Heroku

deployment

heroku

laravel

vue.js

laravel-8