Angular.js加载脚本

时间:2014-06-29 04:04:10

标签: javascript angularjs mean-stack

我有一个使用MEAN堆栈的应用程序。当用户转到URL时:

http://localhost:3000/edit/0

其中0是记录ID。这似乎可以正常工作,但我的脚本没有加载到我的edit.js文件中:

<!doctype html>
<html>
<head>
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css"></script>
    <link rel="stylesheet" type="text/css" href="/css/style.css">

    <script src="bower_components/jquery/jquery.min.js"></script>
    <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="bower_components/ng-file-upload/angular-file-upload-shim.min.js"></script> 

对于每个脚本和css文件,错误类似于以下内容:

GET http://localhost:5000/edit/bower_components/jquery/jquery.min.js 404 (Not Found) 

所以很清楚他们在编辑目录而不是我的根目录中寻找脚本。我怎么能绕过这个?我需要传递参数中的id,因为它是GET。

2 个答案:

答案 0 :(得分:2)

除非您在HTML HEAD部分中指定“base”标记或添加“/”以告知浏览器使用您的域+绝对路径,否则您的浏览器会添加URL的相对路径以加载文件。 因此,要么在该路径之前添加'/',要么添加'../',或者添加基本标记。 祝你好运

答案 1 :(得分:0)

哇...我只需要在每条路径之前添加../