Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Node.js 与Nodejs积分_Node.js_Angular_Mean - Fatal编程技术网

Node.js 与Nodejs积分

Node.js 与Nodejs积分,node.js,angular,mean,Node.js,Angular,Mean,我在应用程序的公用文件夹上运行了ngbuild,然后运行了localhost:3000,我尝试将angular前端与nodejs连接起来。编译时未给出错误,但应用程序现在已损坏。现在我实现了吗?我的文件夹结构是这样的 客户 公开的 app.js client包含所有角度代码,public包含角度代码的编译代码 直到我在angular.json中将输出路径更改为。/public。 这是我的app.js: var express = require('expre

我在应用程序的公用文件夹上运行了
ngbuild
,然后运行了localhost:3000,我尝试将angular前端与nodejs连接起来。编译时未给出错误,但应用程序现在已损坏。现在我实现了吗?我的文件夹结构是这样的

  • 客户
  • 公开的
  • app.js
client
包含所有角度代码,
public
包含角度代码的编译代码 直到我在
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}`);
                            });

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

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

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

  • 我认为到目前为止,您已经构建了一个运行angular应用程序的版本和运行node.js服务器的版本

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

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

  • 您的服务器代码(node.js)和前端代码(angular)都在运行,没有任何错误?是的,在运行ng build之前,前端没有错误,或者后端应用程序工作正常。运行ng build之后发生了什么?你有任何错误吗?ng build没有给出任何错误,但当我运行应用程序时,它被破坏了,当我复制相同的代码并再次运行它时,没有在公用文件夹上运行NNING build来合并它们整个应用程序工作正常我不知道ng build有什么问题,请阅读-总结是,这不是解决志愿者问题的理想方式,而且可能对获得答案起到反作用。请不要将此添加到您的问题中。您的服务器代码(node.js)和前端代码(angular)都在运行,没有任何错误?是的,在运行ng build之前,前端没有错误,或者后端应用程序正常工作。运行ng build之后发生了什么?你有任何错误吗?ng build没有给出任何错误,但当我运行应用程序时,它被破坏了,当我复制相同的代码并再次运行它时,没有在公用文件夹上运行NNING build来合并它们整个应用程序工作正常我不知道ng build有什么问题,请阅读-总结是,这不是解决志愿者问题的理想方式,而且可能对获得答案起到反作用。请不要将此添加到您的问题中。