从 Spring Boot 加载 javascript 时出现 net::ERR_ABORTED 404答案

【问题标题】：net::ERR_ABORTED 404 when loading javascript from Spring Boot从 Spring Boot 加载 javascript 时出现 net::ERR_ABORTED 404
【发布时间】：2021-05-12 16:17:56
【问题描述】：

所以我尝试使用 Spring Boot 制作一个示例注册页面（我对它非常陌生）。我正在使用 vuelidate 和其他几个 javascript 文件。我的文件目录如下：

-resources
  |
  -static
    |
     -javascript
        |
         -vuelidate
          |
           -vuelidate.min.js
  |
  -templates
    |...

我已将文件添加到我的 html 中，如下所示：

    <head>
        <meta charset="UTF-8">
        <title>SignUp Screen</title>
        <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
        <script src="static/javascript/vuelidate/vuelidate.min.js"></script>
        <script src="static/javascript/is/is.min.js"></script>
    </head>

我尝试添加像 src=https://localhost:8080/vuelidate.min.js 这样的 js 链接，但没有成功。我被告知不要在上述链接路径中包含“静态”目录。我不确定我做错了什么。我看到其他资源说要使用 WebJars 或 SSL 证书，但我知道有一种更简单的方法可以做到这一点。请帮我感谢您的时间！

编辑：

这是项目结构

【问题讨论】：

标签： javascript html spring-boot

【解决方案1】：

假设您的 HTML 是使用 thymleaf 从模板文件夹中呈现的，您可以包含您的脚本文件，如下所示。

<script src="/javascript/vuelidate/vuelidate.min.js"></script>

【讨论】：

对不起，我注意到我的代码中的错误我在路径上还有一个名为“vuelidate”的单独文件夹。我已经编辑了问题以包含它
您仍然需要将 javascript 文件夹名称添加到路径中。你也可以分享HTML文件所在的文件夹路径吗？
这绝对是我尝试将登录屏幕移动到静态目录但它没有工作的问题（当它在模板目录中之前工作正常时）。如何将静态目录添加到类路径？现在还发布目录的图片
我在本地尝试了一个快速代码，并在模板文件夹中添加了一个 html，并且能够访问 js 文件（与您的文件类似）。我已经用详细信息编辑了我的原始答案

【解决方案2】：

所以事实证明我有一个损坏的 min 文件版本，这就是它无法正常工作的原因。另一件事是您必须从验证器 js 中正确导入我想使用的关键字（我假设这就是所谓的“导入”）。我在一个名为 import-module.js 的文件中做了类似的事情。 js：

//Allow vue in browser dev extension to persist 
Vue.config.devtools = true;

//Add required vuelidate keyword identifiers here to be used
const { required, minLength, between, sameAs} = window.validators;

然后我将这个脚本包含在我正在使用的任何 html 文件中。不确定这是否会对任何人有所帮助，但不妨将其包括在内。快乐编码！

【讨论】：