时间戳

首页 > 解决方案 > Laravel 和 Vuejs 中的问题，部署到 Heroku

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

问题描述

欢迎。我做了一个实验项目来检查（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： 在此处输入图像描述

标签： laravelvue.jsherokudeploymentlaravel-8

解决方案

您的问题很容易解决，如果您检查 chrome 控制台，您将看到此错误：

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

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

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

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

推荐阅读