我正在使用 angular.js 测试 Express 4.x,但遇到了一些问题,有人遇到这样的错误吗?
控制台 Chrome:
Resource interpreted as Script but transferred with MIME type text/html: "http://localhost:8080/javascript/main.js". localhost/:5
Uncaught SyntaxError: Unexpected token < main.js:1
Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.2.17/$injector/modulerr?p0=appTmo&p1=Error%3A…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.17%2Fangular.min.js%3A18%3A203)
我的应用程序非常简单:
服务器.js:
var express = require('express');
var app = express();
var router = express.Router();
var morgan = require('morgan');
app.use(router);
app.use(morgan('dev'));
app.use(express.static(__dirname+'/public'));
router.get('*',function (req,res) {
res.sendfile('public/index.html');
});
app.listen(8080);
index.html:
<html ng-app='app'>
<head>
<title>App</title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.17/angular.min.js"></script>
<script type="text/javascript" src="javascript/main.js"></script>
</head>
<body >
<h1>test</h1>
</body>
</html>
main.js:
var app = angular.module('app',[]);
最佳答案
将 app.use(router);
移至 app.use(express.static(__dirname+'/public'));
下面。所以你的 server.js 应该像:
var express = require('express');
var app = express();
var router = express.Router();
var morgan = require('morgan');
app.use(morgan('dev'));
app.use(express.static(__dirname+'/public'));
app.use(router);
router.get('*',function (req,res) {
res.sendfile('public/index.html');
});
app.listen(8080);
当您在静态调用之前调用 app.use(router)
时,首先会根据请求调用路由器。 *
匹配所有,因此它将处理所有传入请求。您看到的问题是,针对 main.js
的请求返回了 index.html
。
关于javascript - Express 4.x 路由器和 Angular 有问题吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24124299/