从 express js 在 angular js 应用程序中渲染 html答案

【问题标题】：Render html in angular js app from express js从 express js 在 angular js 应用程序中渲染 html
【发布时间】：2019-07-16 17:24:03
【问题描述】：

我在前端使用 angular，在后端使用 js MongoDB，在 express 应用程序的 server.js 文件中，我在端口 3000 上监听

    var server = app.listen(3000, function () {
    console.log('Server listening at http://' + server.address().address + ':' + server.address().port);
});

我想要的是当我点击 localhost:3000 我在 Angular js 应用程序中的 HTML 页面应该得到渲染，这是我使用实现的

     app.get('/', function (req, res) {
                res.sendfile(__dirname + '/app/userlogin/userlogin.html');
});

当我点击 localhost:3000 时，我的 HTML 页面正在渲染，但它不包括引导文件我收到错误 404 的脚本和链接，我在 head 标签中添加了但 vs2015 的智能在我提供这些引导脚本文件时试图将它们添加到我的 HTML 中，以下是我的项目结构，我已将引导 js 和 CSS 文件分别放在 app -> js 和 app -> CSS

【问题讨论】：

标签： angularjs express

【解决方案1】：

您需要一个包含所有frontend 代码的public_static 文件夹。快递应用应使用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

【讨论】：