【问题标题】:Integrating Angular with Nodejs将 Angular 与 Nodejs 集成
【发布时间】:2018-11-14 11:54:29
【问题描述】:

我之前尝试在应用程序的公共文件夹上运行 ng build 将 Angular 前端与 nodejs 连接,然后运行 ​​localhost:3000。编译时没有给出错误,但应用程序现在已损坏。现在我实现了吗?我的文件夹结构是这样的

  • 客户
  • 公开
  • app.js

client 包含所有 angular 代码,public 包含 angular 编译代码 直到我还在angular.json 中将输出路径更改为../public。 这是我的app.js

                 var express = require('express');
                 var path= require('path');
                   var cors = require('cors');
                    var mongoose = require('mongoose');
                     var bodyParser = require('body-parser');
                    var passport = require('passport');
                     var app= express();
                   var port = 3000;
                     app.set('view engine','ejs');
                //app.use(express.static(path.join(__dirname, 'public')));
                 app.set('views', path.join(__dirname, '/views'));
                 app.use(express.static(path.join(__dirname, 'public')));
                 app.use('/api', routesApi);
                   app.get('/', (req,res) => {
                   res.send("Invalid page");
                             });
                   app.listen(port, () => {
              console.log(`Starting the server at port ${port}`);
                            });

【问题讨论】:

  • 您的服务器代码(node.js)和前端代码(角度)都运行没有任何错误?
  • 是的,在运行 ng build 之前,前端没有错误或后端应用程序运行正常
  • 运行 ng build 后发生了什么?你有什么错误吗?
  • ng build 没有给出任何错误,但是当我运行应用程序时,当我复制相同的代码并再次运行它而不在公共文件夹上运行 ng build 以将它们结合起来时,整个应用程序工作正常我不知道ng build 有什么问题
  • 请阅读Under what circumstances may I add “urgent” or other similar phrases to my question, in order to obtain faster answers? - 总结是这不是解决志愿者的理想方式,并且可能会适得其反。请不要将此添加到您的问题中。

标签: node.js angular mean


【解决方案1】:

我认为到目前为止,您已经构建了一个运行 Angular 应用程序完美运行的 node.js 服务器

您需要做的是托管您的客户端应用程序。请按照以下步骤进行操作。

  1. 使用npm install http-server -g 命令在您的计算机上全局安装http-server
  2. 然后运行http-server /path/to/your/dist/folder。 (运行ng build --prod后应该会得到一个dist文件夹)
  3. 然后运行您的 node.js 服务器。
  4. 然后打开浏览器并转到http://localhost:8080

【讨论】:

    猜你喜欢
    • 2019-01-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-26
    • 1970-01-01
    • 2021-01-10
    • 2021-09-08
    • 1970-01-01
    相关资源
    最近更新 更多