当我部署 - 加载资源失败：服务器响应状态为 404 ()答案

【问题标题】：When I deploy - Failed to load resource: the server responded with a status of 404 ()当我部署 - 加载资源失败：服务器响应状态为 404 ()
【发布时间】：2020-06-06 20:47:01
【问题描述】：

Webpage error

<!-- Scripts -->
<script src="node_modules/jquery/dist/jquery.slim.min.js"></script>
<script src="node_modules/popper.js/dist/umd/popper.min.js"></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="js/scripts.js"></script>

我不确定如何让我的 css、bootstrap 和 popper 在部署时显示在网页上。它在本地运行良好。

【问题讨论】：

部署是什么意思？我不熟悉这个词。
@thespeciamone 这意味着构建是由站点构建的，并且它位于测试/生产服务器上。
哦，是的，否则您可以在测试服务器上包含 node_modules 和 js cs 文件夹（我认为是文件夹），并确保 href 调用正确的目录，例如 .../node_modules 或 @987654324 @。否则你可以试试 Dejan 的方法。
感谢您的建议。我添加了 cdn 链接和脚本，网站整体正常运行，但我的一些引导程序和 FA 图标仍然丢失。我将不得不再玩一些
@thespeciamone 将你的 node_modules 添加到生产环境中从来都不是一个选项。您应该有一个构建步骤来制作 vendor.js（或任何名称）或使用 cdn。

标签： javascript html jquery css popper.js

【解决方案1】：

当您发布您的站点时，您的服务器上没有 node_modules 文件夹，不用担心您不应该有它。将 node_modules 替换为 cdn 链接。您会在 cdnjs.com 上找到很多 cdn 资源，但一些库有自己的（如引导程序），这里是 jquery，例如 https://cdnjs.com/libraries/jquery。

<!-- My links -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" />

<!-- Scripts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

【讨论】：

@FlashThunder 在这种情况下，外部库是什么意思？请详细说明。 CDN 是一个分布式网络，是处理此类事情的一种非常有效的方法，是一种常见的方法。
我不相信，只是将文件上传到服务器。
@FlashThunder 有什么不可信任的？停机时间？ CDN 不仅适用于文件，而且适用于整个网页，所有大型网站都这样做，以便文件更接近您的目的地。 cloudflare.com/learning/cdn/performance
是的，停机时间，冠状病毒，世界末日，无论如何...在自己的网站上使用外部链接不是一个好主意 imo
@FlashThunder 如果您不想使用 CDN，那么您需要一个构建过程，这取决于您的前端设置，但 Webpack 很受欢迎，还有一些其他设置较少。还有“老派”Gulp。