文件上传到服务器时链接不起作用答案

【问题标题】：Links are not working when files are uploaded on server文件上传到服务器时链接不起作用
【发布时间】：2021-11-18 22:03:09
【问题描述】：

管理侧面板下拉链接不起作用。我正在做一个项目，我有一个带有侧面板的管理面板，其中包括链接和下拉元素。没有下拉列表的单个链接正在工作，但下拉列表未打开并显示其他 li 元素。它在 localhost 上工作正常，但在上传到服务器时会导致问题。

【问题讨论】：

您检查过您的控制台吗？如果有错误，您可能会发现错误

标签： php html bootstrap-4

【解决方案1】：

如果您使用各种 JavaScript/CSS 文件，请尝试检查每个文件是否与 HTML 代码中的路径相同。尝试在 codepen 上测试导航栏元素，以便更轻松地找到问题。

确保首先是 JQuery，然后是 Bootstrap 脚本。查找您没有任何重复的引导脚本。您还应该添加 bootstrap.bundle.js 或添加 popper.js 以便下拉菜单起作用。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.min.js" integrity="sha384-skAcpIdS7UcVUC05LJ9Dxay8AXcDYfBJqt1CJ85S/CFujBsIzCIv+l9liuYLaMQ/" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

Check this codepen with a example

【讨论】：

最好的建议是让他们看看控制台。这将指向问题。而不是猜测
我检查了我的代码，发现是bootstrap cdn的问题。它是 http，因此它在 localhost 上显示没有问题，但由于我的网站是安全的，这意味着 https 当我在服务器上上传文件时它开始抛出错误并且链接不起作用。我在 head 的引导链接中用 https 替换了 http。现在它工作正常。

【解决方案2】：

我检查了我的代码，发现这是由于引导 cdn 引起的问题。它是 http，因此它在 localhost 上显示没有问题，但由于我的网站是安全的，这意味着 https 当我在服务器上上传文件时它开始抛出错误并且链接不起作用。我在 head 的引导链接中用 https 替换了 http。现在它工作正常。

【讨论】：