javascript - 非服务器root时加载本地js文件

Question

所以我的元素托管在 localhost:8080/web，使用的是 Wildfly 10 服务器。当我加载 main.css 文件时，我使用标签:

<link href="resources/scripts/css/main.css" type="text/css">

它不会加载 (404)。我加载 script.js文件:

<script src="resources/scripts/js/script.js"></script>

然而，script.js文件未加载 (404)。有没有办法加载 script.js文件而不指定元素路径？

相关文件夹结构如下:

resources
    scripts
        css
            main.css
        js
            script.js
    static
        views
            index.html

Answer 1

要始终从一致的位置加载脚本，您可以在 href 和脚本标记中使用绝对路径，方法是在前面附加“/”。目前你的脚本和 css 正试图从 localhost:8080/web/resources/scripts/css/main.css 加载，当你想要从 localhost:8080/resources/scripts/css/主.css

将 'resources/scripts/css/main.css' 更改为 '/resources/scripts/css/main.css'