几个小时以来,我一直在尝试使用我创建的use。最后,我决定尝试使用Express,所以我设置了一个简单的server.js文件,作为服务器运行。
但是什么都不起作用,我总是犯同样的错误。
Uncaught :意外令牌<
我的所有文件都在我的应用程序中,如下所示
server.js
/public
main.html
/lib
angular/
bootstrap/
/views/
search.html
list.html
/scripts
app.js
controllers.js我的server.js文件很简单
var express = require('express'),
app = express();
app.use(express.static('/public'))
.get('*',function(req,res){
res.sendfile('./public/main.html');
})
.listen(3000);这是我的app.js /路线
angular.module("myApp", ['ngRoute','ui.bootstrap','ui-leaflet'])
.config(function($routeProvider,$locationProvider){
$routeProvider.when('/search',{
controller: 'searchCtrl',
templateUrl: 'views/search.html'
})
.when('/list',{
controller: 'listCtrl',
templateUrl: 'views/list.html'
})
.otherwise({
redirectTo: '/search'
});
$locationProvider.html5Mode(true);
});最后是我的main.html
<!DOCTYPE html>
<base href="/">
<html ng-app="myApp" lang="en">
<head>
<meta charset="UTF-8">
<title>TEST APP</title>
<link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<div class="page-header">
<h3>MY APP</h3>
</div>
</div>
<div class="row">
<div class="col-sm-12"></div>
</div>
<script src="lib/angular/angular.min.js"></script>
<script src="lib/angular-route/angular-route.min.js"></script>
<script src="lib/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
<script src="scripts/app.js"></script>
<script src="scripts/controllers.js"></script>
</body>
</html>发布于 2016-06-01 01:22:32
尝试像这样为您的html文件服务:
var express = require('express');
var app = express();
var path = require('path');
//middleware to resolve root directory
app.use("/", express.static(path.resolve(__dirname)));
//this is assuming index.html and server.js are in the same directory
app.get('/', function(req, res) {
res.sendFile('/index.html');
});https://stackoverflow.com/questions/37557882
复制相似问题