Javascript 脚本可以工作,但不能与node.js一起使用
我正在尝试在我的.html页面中使用一个小的角度脚本。如果在浏览器中将页面作为静态页面加载,则角度脚本将正确运行。如果我运行node.js应用程序,在res.render语句下加载同一页面,则Angular脚本不会运行 我的理论是,我的Angular代码与运行的Express.js代码相冲突。然而,我不知道怎么做 这是我的脚本 index.htmlJavascript 脚本可以工作,但不能与node.js一起使用,javascript,angularjs,node.js,express,Javascript,Angularjs,Node.js,Express,我正在尝试在我的.html页面中使用一个小的角度脚本。如果在浏览器中将页面作为静态页面加载,则角度脚本将正确运行。如果我运行node.js应用程序,在res.render语句下加载同一页面,则Angular脚本不会运行 我的理论是,我的Angular代码与运行的Express.js代码相冲突。然而,我不知道怎么做 这是我的脚本 index.html <body> <!--INCLUDE - JS LIBRARIES --> <script src="
<body>
<!--INCLUDE - JS LIBRARIES -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js" type="text/javascript"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js" integrity="sha256-T0Vest3yCU7pafRw9r+settMBX6JkKN06dqBnpQ8d30="
crossorigin="anonymous"></script>
<!--INCLUDE - ANGULAR CONTROLLER -->
<script>
var app = angular.module('myApp', []);
app.controller('formCtrl', function ($scope) {
$scope.cucmpub = "x.x.x.x";
});
</script>
<!--BODY - BOOTSTRAP PAGE SETUP -->
<div class="container-fluid" ng-app="">
<div class="row">
<div class="col-md-12">
<!--BODY - BOOTSTRAP NAVBAR -->
<nav class="navbar navbar-default" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">CUCM
<sup>2</sup>
</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active">
<a href="/">
<img src="https://png.icons8.com/marker/office/16" title="Marker" width="16" height="16"> CSS Map</a>
</li>
<li>
<a href="/">
<img src="https://png.icons8.com/phone/ultraviolet/20" title="Phone" width="16" height="16"> SIP2SIP</a>
</li>
<li>
<a href="/">
<img src="https://png.icons8.com/bug/color/24" title="Bug" width="16" height="16"> Debugger</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a ng-href="https://{{cucmpub}}/ccmadmin/" target="_blank">{{cucmpub}}</a>
</li>
</ul>
</div>
</nav>
<!--BODY - CONTENT-->
<div class="row">
<div class="col-md-12" class="pull-left">
<form class="form-horizontal" method="post" action="/cucmmapper/submit" id="cucmmapper">
<!-- INPUT - TEXT-->
<div class="form-group">
<label class="col-md-4 control-label" for="cucmpub">CUCM Publisher</label>
<div class="col-md-4">
<input id="cucmpub" name="cucmpub" type="text" placeholder="x.x.x.x" class="form-control input-md" required="" ng-model="cucmpub">
</div>
</div>
<!-- INPUT - SELECT-->
<div class="form-group">
<label class="col-md-4 control-label" for="cucmpub">CUCM Version</label>
<div class="col-md-4">
<select class="form-control" id="cucmversion" name="cucmversion">
<option>11.5</option>
<option>11.0</option>
</select>
</div>
</div>
<!-- INPUT - TEXT-->
<div class="form-group">
<label class="col-md-4 control-label" for="username">AXL Username</label>
<div class="col-md-4">
<input id="username" name="username" type="text" placeholder="username" class="form-control input-md" required="">
</div>
</div>
<!-- INPUT - PASSWORD-->
<div class="form-group">
<label class="col-md-4 control-label" for="password">Password</label>
<div class="col-md-4">
<input id="password" name="password" type="password" placeholder="password" class="form-control input-md" required="">
</div>
</div>
<!-- INPUT - BUTTON -->
<div class="form-group">
<label class="col-md-4 control-label" for="submit"></label>
<div class="col-md-4">
<button class="btn btn-primary" type="submit">Map it!</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</body>
我仍然是一个新手,非常感谢任何帮助或建议。谢谢大家 节点找不到“公用”文件夹 试试这句话:
app.use(express.static(__dirname + '/public'));
此外,如果您曾经为您的库(而不是cdn)使用软件包管理器,则必须添加以下行:
app.use('/bower_components', express.static(__dirname + '/bower_components'));
“脚本不运行”是什么意思?有错误吗?不管你是不是新手,这个问题需要清楚的问题陈述才能进入主题。我认为这个问题很清楚。这是节点中静态文件的标准问题。您是否查看了浏览器控制台中的网络日志?从index.html链接的所有资源可能都处于404未找到(或403禁止)状态,对吗?这可能是因为您正在呈现一个资源,即index.html,但站点的其余部分无法通过静态宿主获得。请参阅gycs的答案,以及中有关静态托管的其他相关问答Nodejs@ThisClark谢谢你的帮助。我查看了我的网络日志,所有信息都显示为200秒的状态信息。感谢您的回复!我很感激。但接下来的问题是,我通过CDN加载了我所有的库。“您建议将它们迁移到本地还是通过鲍尔?@AndrewPetersen是的,如果cdn出现故障,最好将它们迁移到本地。”。响应时间也更快,您可以轻松管理版本。根据需要使用npm或bower。我想鲍尔已经过时了!谢谢你的指导。这个答案很有魅力。再次感谢!
app.use('/bower_components', express.static(__dirname + '/bower_components'));