Angularjs 从express js在angular js应用程序中呈现html
我在前端使用angular,在后端使用express js MongoDB,在express应用程序的server.js文件中,我正在监听端口3000Angularjs 从express js在angular js应用程序中呈现html,angularjs,express,Angularjs,Express,我在前端使用angular,在后端使用express js MongoDB,在express应用程序的server.js文件中,我正在监听端口3000 var server = app.listen(3000, function () { console.log('Server listening at http://' + server.address().address + ':' + server.address().port); }); 我想要的是当我点击localho
var server = app.listen(3000, function () {
console.log('Server listening at http://' + server.address().address + ':' + server.address().port);
});
我想要的是当我点击localhost:3000时,AngularJS应用程序中的HTML页面应该得到render,这是我使用
app.get('/', function (req, res) {
res.sendfile(__dirname + '/app/userlogin/userlogin.html');
});
当我点击localhost:3000时,我的HTML页面正在呈现,但它不包括引导程序文件,我在head标记中添加的脚本和链接出现错误404,但vs2015的智能在我尝试在HTML中添加这些引导程序脚本文件时提供了这些引导程序脚本文件,下面是我的项目结构,我把我的引导js和CSS文件分别放在app->js和app->CSS中
您需要一个包含所有
前端
代码的公共静态
文件夹。
express应用程序应为其提供express.static(“”)
server.js
app.use(express.static('public_static'));
目录结构
-- server.js
-- public_static
-- index.html ( Rename your userlogin.html )
-- css
-- JS ( Angular files )
--- controllers
--- directives
--- services
您需要一个包含所有
前端
代码的public\u static
文件夹。
express应用程序应为其提供express.static(“”)
server.js
app.use(express.static('public_static'));
目录结构
-- server.js
-- public_static
-- index.html ( Rename your userlogin.html )
-- css
-- JS ( Angular files )
--- controllers
--- directives
--- services