在瀏覽器中加載本地文件引用css或js

這可能是一個基本問題，但有些如何不適合我。在瀏覽器中加載本地文件引用css或js

這裏是我的html：

<!doctype html> 
    <head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <base href="/"> 
    <title></title> 
    <meta name="description" content=""> 
    <meta name="viewport" content="width=device-width"> 

    <link rel="stylesheet" href="app/app.css"/> 
    </head> 
    <body ng-app="App"> 
    <div> Hi There</div> 

    <script src="app/vendor.js"></script> 
    <script src="app/app.js"></script> 
</body> 
</html>

該文件位於：file:///Users/kiran/Documents/app/dist/public/index.html 引用文件位於：

app.css: file:///Users/kiran/Documents/app/dist/public/app/app.css 
vendor.js: file:///Users/kiran/Documents/app/dist/public/app/vendor.js 
app.js: file:///Users/kiran/Documents/app/dist/public/app/app.js

然而，當我試圖用打開文件瀏覽器的>打開它說它無法加載錯誤文件：

Failed to load resource: net::ERR_FILE_NOT_FOUND file:///app/app.css 
Failed to load resource: net::ERR_FILE_NOT_FOUND file:///app/vendor.js 
Failed to load resource: net::ERR_FILE_NOT_FOUND file:///app/app.js

雖然錯誤消息不同，但行爲在Firefox中是一樣的。我需要做些什麼才能使它工作？欣賞幫助。

注意：它在我運行網絡服務器時工作正常，但我需要使用本地引用和Web服務器進行此項工作。

來源

2014-10-09 Kiran

由於您有<base>標籤，因此發生這種情況。

The base URL to be used throughout the document for relative URL addresses.

由於基本URL href是'/'，它總是從根開始。所以在本地機器上，它找不到任何css/js文件，因爲它會檢查根目錄中的文件，即C/D/E drive。它完全適用於web服務器，因爲根目錄將是您的公共文件夾。

擺脫base標籤。

來源

2014-10-09 13:31:26

刪除

<base href="/">

編輯鏈接以./前綴

src="./app/vendor.js"

來源

2014-10-09 13:32:25

在瀏覽器中加載本地文件引用css或js

回答

相關問題