2016-01-05 161 views
0

enter image description here包括通過SRC標籤

我通過與laracasts系列在這個網絡廣播沿以下嘗試vuejs在HTML頁面外部JavaScript文件。我使用netbeans 8.1作爲我的編輯器,你可以在上面看到我的文件結構。在https://laracasts.com/series/learning-vuejs/episodes/5傑弗裏方式顯示了以下代碼,我已經適應:

<head> 
    <title>Tasks</title> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <link rel="shortcut icon" href=""> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.12/vue.js"></script> 
    <script type="text/javascript" src="Sources/app.js"></script> 

</head> 

在我看到控制檯:

GET http://localhost:8383/vue1/Sources/app.js net::ERR_EMPTY_RESPONSE 

我懷疑我的文件路徑錯誤。我一直在閱讀http://www.jibbering.com/faq/faq_notes/script_tags.html,但還沒有拿出答案。我究竟做錯了什麼?

+1

假設您發佈的HTML位於「Site Root」文件夾中,src應該是../ Sources/app.js我也建議不要在您的文件夾或文件名中使用空格。 – APAD1

回答

3

「Site Root」是與「Sources」相同的文件夾的子文件夾嗎?

如果是的話,嘗試一下:

<script type="text/javascript" src="../Sources/app.js"></script>

或移動源目錄到站點根目錄裏面。

+0

我將app.js文件移至網站根目錄,並將代碼更改爲。它現在似乎工作 - 謝謝 – user61629

+0

你也可以將它移動到「Site Root」目錄下的子文件夾中。所以你可以通過執行''來訪問它。 –

+0

謝謝Jefff,我對js不是很瞭解,所以html/js項目的共同特徵是「網站根」嗎?我不確定它的目的是什麼? – user61629