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

【问题标题】：problem in Laravel And Vuejs , Deploy To HerokuLaravel 和 Vuejs 中的问题，部署到 Heroku
【发布时间】：2021-08-21 01:07:00
【问题描述】：

欢迎。我做了一个实验项目来检查（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 中：

【问题讨论】：

标签： laravel vue.js heroku deployment laravel-8

【解决方案1】：

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

混合内容：“https://blogy-new.herokuapp.com/”页面通过 HTTPS 加载，但请求了不安全的脚本“http://blogy-new.herokuapp.com/js/app”。 js'。此请求已被阻止；内容必须通过 HTTPS 提供。

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

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

它在你的本地主机中工作，因为它是 HTTP。

【讨论】：

当我使用“blogy-new.herokuapp.com”时，它正在工作，谢谢你回答我的问题
注意“blogy-new.herokuapp.com”转到http 而不是https。如果要添加脚本，请始终尝试在没有域的情况下保持绝对。解决您的问题的更好方法是使用src="/js/app.js"，它会自动使用正确的协议和域...