javascript - Angular.js 加载脚本

标签 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。

最佳答案

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

关于javascript - Angular.js 加载脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24473064/

相关文章:

javascript - MEAN.js 和 MEAN.io 的区别

javascript - MongoDB:插入复杂的数据结构

javascript - 创建视频播放器(Quicktime 浏览器插件)React Elements,输出缺少的视频属性

javascript正则表达式,单词后面没有特定字符

javascript - 使用 vm 而不是 $scope 引用指令属性

javascript - 将 javascript 变量的值发送到 Angular js 变量

javascript - 与 Django 和 Python 相比,Node.js 在 JavaScript 和 Express 之间的 MEAN 堆栈中扮演什么角色?

javascript - AJAX发送和接收不同的数据类型

javascript:onClick();不适用于 Firefox 和 IE

javascript - AngularJS:需要子指令的父指令