如何使用Node js在本地运行AngularJS 1应用程序?

时间:2018-05-28 18:27:34

标签: angularjs node.js express localserver

我使用Angular 2+应用程序,我使用节点js服务器从dist文件夹提供index.html文件,如下所示

var express = require('express');
var bodyParser = require('body-parser');
var path = require('path');
var app = express();

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: false}));
app.use(express.static(path.join(__dirname, 'dist')));

app.get('*'), (req, res) => {
    res.sendFile(path.join(__dirname, 'dist/index.html'));
};

app.get('/test', function(req, res){
    res.send('It worked!!!');
});

app.listen(5000);
console.log('Server is running');

对于Angular 2+应用程序,它的效果非常好,但当我为AngularJS 1应用程序尝试相同的功能时,它对我来说效果不佳

我在index.html中有一些像

这样的本地文件链接
<script src="components/angular-bootstrap/ui-bootstrap-tpls.js">

其中components文件夹是bower文件夹,它位于dist文件夹本身内。但是这个文件无法在localhost上提供,它为这个文件抛出了404.

我正在尝试这一切来模拟api调用,以便我可以从我的本地服务模拟json数据,如果有人发现我在这里做了什么错误将会非常有帮助,

谢谢

1 个答案:

答案 0 :(得分:0)

我认为你在index.html中提到的路径存在问题。 看起来bower配置文件被忽略了。你能尝试完整的路径(例如bower_components / angular-bootstrap / ui-bootstrap-tpls.js)。

让我知道它是否有效。

由于