WebStorm built-in server web diventa 404 per ogni css e il file js incluso nel index.html

Ecco la mia index.html per amor di posteri:WebStorm built-in server web diventa 404 per ogni css e il file js incluso nel 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>

Ogni volta che mi ha colpito corro in WebStorm per aprire in cromo, Ottengo un 404 per ogni singolo file javascript e css. Tuttavia, se si accede alla directory del progetto ed è in esecuzione il nodo http-server, il mio sito viene caricato correttamente. Non riesco a trovare nulla nelle impostazioni relative a questo. Qualche idea?

fonte

2015-09-03 Alex Kibler

Quale URL viene utilizzato quando fallisce? Scommetto che è qualcosa come http: // localhost: 63342/PROJECT_NAME/index.html'. In tal caso, si utilizza il semplice web server integrato di WebStorm. Come puoi vedere dall'URL, richiede il nome del progetto come primo segmento nel percorso. Il tuo '' deve essere in conflitto con quello - quindi prova percorsi come 'localhost: 63342/content/external/bootstrap.css' che è sbagliato. Prova senza quel tag. – LazyOne

Wow, hai perfettamente ragione. Grazie per la segnalazione! Vuoi inviarlo come risposta? –

il problema è causato da tag in index.html:

<base href="/"/>

che indica al browser di risolvere tutti gli URL nella pagina relativa alla radice del server web (localhost:63342 quando si utilizza built-in server web). Ovviamente nessuna risorsa può essere trovata lì, poiché il server web integrato serve i file da http://localhost:63342/<project root> Quindi, è necessario commentare '<base href="/"/>' per far funzionare il codice. In alternativa, modifica il file hosts per rendere i file server webserver da http://<some name>:63342 - vedi http://youtrack.jetbrains.com/issue/WEB-8988#comment=27-577559

fonte

2015-09-04 14:29:22 lena

È possibile modificare questo comportamento in webstorm? –

si prega di vedere sopra - è possibile modificare il file * hosts * per rendere i file server webserver da 'http: // : 63342' - vedere http://youtrack.jetbrains.com/issue/WEB-8988#comment=27- 577.559. o, basta usare un server web diverso che può essere impostato per servire i file da root – lena

Quindi la risposta è "no"? :) –

WebStorm built-in server web diventa 404 per ogni css e il file js incluso nel index.html

risposta

Problemi correlati