2015-09-03 12 views
5

に含まれ得る後世のために私のindex.htmlです:私はクロームで開くようにwebstormランを打つたびに、WebStormは、すべてのCSSやJSファイルの404はここで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> 

私はすべての単一のjavascriptとcssファイルのための404を得る。しかし、私がプロジェクトディレクトリにスコープし、ノードのhttp-serverを実行すると、私のサイトはうまくロードされます。私はこれに関連する設定で何かを見つけることができないようです。何か案は?

+1

失敗した場合に使用されるURLは何ですか?私は 'http:// localhost:63342/PROJECT_NAME/index.html'のようなものだと思う。もしそうなら、あなたはWebStormのシンプルなビルトインWebサーバーを使用しています。 URLからわかるように、パスの最初のセグメントとしてプロジェクト名が必要です。あなたの ''はそれと矛盾している必要がありますので、間違っている 'localhost:63342/content/external/bootstrap.css'のようなパスを試します。タグなしで試してみてください。 – LazyOne

+0

うわー、あなたはまったく正しい。それを指摘してくれてありがとう!これを回答として提出したいですか? –

答えて

10

問題がindex.htmlの中でタグによって引き起こされる:

<base href="/"/> 

(ビルトインWebサーバを使用している場合localhost:63342)Webサーバーのルートからの相対ページのすべてのURLを解決するためにブラウザに指示います。組み込みWebサーバーがファイルを提供するので、明らかにそこにリソースはありません。http://localhost:63342/<project root> したがって、コードを機能させるには、 '<base href="/"/>'をコメントアウトする必要があります。または、hostsファイルを変更して、Webサーバのファイルをhttp://<some name>:63342から作成します。http://youtrack.jetbrains.com/issue/WEB-8988#comment=27-577559

+0

webstormでこの動作を変更することはできますか? –

+0

上記を参照してください。*ホスト*ファイルを修正して、http:// :63342からWebサーバーにファイルを提供させることができます - http://youtrack.jetbrains.com/issue/WEB-8988#comment=27- 577559。または、ルートからファイルを提供するように設定できる別のWebサーバーを使用してください – lena

+0

答えは「いいえ」ですか? :) –

関連する問題