javascript - WebStorm 内置 Web 服务器为 index.html 中包含的每个 css 和 js 文件获取 404

标签 javascript html css server webstorm

为了后代的缘故,这是我的 index.html:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <base href="/" />
    <title>Cart</title>
    <link href="content/external/bootstrap.css" rel="stylesheet" />
    <link href="content/external/bootstrap-theme.css" rel="stylesheet" />
    <link href="content/external/font-awesome.css" rel="stylesheet" />
    <link href="content/external/angular-toastr.css" rel="stylesheet" />
</head>
<body ng-app>

{{3+4}}

drfg



<script src="scripts/external/jquery-1.9.1.js"></script>
<script src="scripts/external/bootstrap.js"></script>
<script src="scripts/external/angular.js"></script>
<script src="scripts/external/angular-ui-router.js"></script>
<script src="scripts/external/angular-resource.js"></script>
<script src="scripts/external/angular-mocks.js"></script>
<script src="scripts/external/angular-toastr.tpls.js"></script>
<script src="scripts/external/angular-animate.js"></script>


</body>
</html>

每当我在 webstorm 中点击运行以在 chrome 中打开时,我都会为每个 javascript 和 css 文件得到一个 404。但是,如果我将范围限定到元素目录并运行节点的 http-server,我的站点加载就正常了。我似乎无法在与此相关的设置中找到任何内容。有任何想法吗?

最佳答案

问题是由 index.html 中的标签引起的:

<base href="/"/>

告诉浏览器解析页面中相对于网络服务器根目录的所有 URL(使用内置网络服务器时为 localhost:63342)。显然在那里找不到资源,因为内置网络服务器提供来自 http://localhost:63342/<project root> 的文件。 所以,你需要注释掉' <base href="/"/> ' 让你的代码工作。或者,修改您的主机文件以使网络服务器提供来自 http://<some name>:63342 的文件。 - 参见 http://youtrack.jetbrains.com/issue/WEB-8988#comment=27-577559

关于javascript - WebStorm 内置 Web 服务器为 index.html 中包含的每个 css 和 js 文件获取 404,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32381302/

相关文章:

javascript - 从选择输入动态更新列表

JavaScript 提交错误的表单

css - 尝试在三列页面中插入表格

html - chrome 不在父 div 标签中显示背景图片

jquery - 选择器宽度高度自动设置为 0px 后仅适用于 windows chrome

javascript - 如何使第一个片段(突出显示)在 reveal.js 中自动可见?

javascript - 了解 javascript 中 forEach 函数语句的语法

javascript - 尝试检测浏览器关闭事件

javascript - 如何延迟加载图像并使它们可用于打印

html - 使用 css 括号属性隐藏链接,无法访问 HTML