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

Ale*_*ler 5 html javascript css webstorm server

这是我的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>
Run Code Online (Sandbox Code Playgroud)

每当我在webstorm中运行以在chrome中打开时,我会为每个javascript和css文件获得404.但是,如果我将范围扩展到项目目录并运行节点http-server,我的网站加载就好了.我似乎无法在与此相关的设置中找到任何内容.有任何想法吗?

len*_*ena 10

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

<base href="/"/>
Run Code Online (Sandbox Code Playgroud)

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