Tag: 量angular器

如何使用nodejs部署angular度的应用程序

我正在使用一个nodejs后端（在本教程中 ，将推文插入到我的应用程序的前端。 现在我已经准备好部署到开发服务器了，我已经用ng build –prod打包了前端，除了带有加载推文的模块之外，它看起来并且工作正常。 如何托pipe应用程序的节点服务器部分以正确显示推文？ 这里是我的节点应用程序的文件。 它保存在我的项目文件夹的根目录下，在src之外。 server.js var express = require('express'); var bodyParser = require('body-parser'); var cors = require('cors'); var functions = require('./functions'); var app = express(); app.use(bodyParser.urlencoded({extended: true})); app.use(cors()); app.post('/authorize', functions.authorize); app.post('/search', functions.search); app.listen(3000); console.log('listening now'); functions.js var request = require('request'); var config = require('./config'); functions = { authorize: function(req, res) { […]

Angular 4和Node js

在angular度4在客户端，我有一个post方法，当我点击它 – > var json=JSON.stringify({id:"1",name:"par",title:"ssss"}); var params='json'+json; this.http.post("http://localhost:3000/users/insertData",params, optio .subscribe(res => console.log(res.json()));} 在服务器端点击这个，我使用节点expressionjs，所以在服务器端的问题我得到的数据types是不可接受的数据库我的SQL，所以数据越来越 – > { 'json{"id":"1","name":"par","title":"ssss"}' : ' ' } 但我想获取数据是 – >只有JSONforms {"id":"1","name":"par","title":"ssss"} 所以请给我一些解决scheme…

平均堆栈应用与angular4

我正在用Angular 4做一个MEAN栈应用程序。 我做了什么： 为我的Node / Express应用程序创build了一个MVC目录结构。 创build了一个Node / Express服务器。 创build一个基本的API，其中带有前缀为/apipath 使用POSTMANtestingAPI 使用Angular-Cli在MEAN栈应用程序的根目录下创build一个angular度项目。 在.angular-cli.json outDir属性更改为../public 将我的服务器文件更改为发送将所有其他请求（不会去/api ）发送到Angular应用程序 我的目录结构： angular-src文件夹包含由angular-cli生成的angular度应用程序 app-api文件夹包含执行所有CRUD操作的API。 这是所有/api路线被引导到的地方。 app-server文件夹只包含一个path文件，它将所有/发送到angular度应用程序（ public/index.html ） 公用文件夹是angular色应用程序的index.html文件在运行ng build app.js是我的节点/快递服务器居住和redirect传入的API请求 当我运行该应用程序的作品。 节点服务器将我的请求发送到Angular Apps index.html与公用文件夹，并显示我的app.component.html模板。 我的问题： 我运行nodemon来启动我的节点/快递服务器，然后导航到angular-src文件夹并运行ng build来设置我的angular度应用程序。 这个过程似乎对我来说是相当长的是什么更好的方式来实现这一目标？ 另外，我必须在每次更改angular度应用程序时运行ng build，以便能够读取更改。 有没有像nodemon东西，但angular度来看，自动更改和重置。 我有2个package.json文件。 一次为节点/expression和另一个angular度。 项目中是否应该只有一个package.json文件？ 该应用程序终于必须在Heroku上启动，目前我有一个包含web: npm start的Procfile web: npm start 。 如何在heroku中pipe理angular 4？ 我是否需要将ng build命令添加到Procfile？ Angular App＆Node / express应该运行不同的端口（即端口3000和4200）还是都应该在一个端口上？ […]

与前端和后端的错误沟通（Java – Angular）

我尝试使用Java / Spring Boot后端来交stream我的Angular Frontend。 但terminal显示我这个错误： [HPM]尝试从localhost：4500代理请求/ api / dados时发生错误：http：/ localhost：8080（ECONNREFUSED）（ https://nodejs.org/api/errors.html#errors_common_system_errors ） 这是我的exemple.service.ts（Angular）代码。 在这里我请求数据： import {Injectable} from "@angular/core"; import {Http, Response} from "@angular/http"; import 'rxjs/Rx'; @Injectable() export class ExService{ constructor(private http: Http){ } getName(){ return this.http.get("/api/dados").map( (response: Response) =>{ return response.json(); } ); } } 这里是我的exemple.java（Java代码）。 它负责发送数据： package com.lucas.bef.Envia; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.RequestMapping; import […]

在VS 2017 Angular Template中使用Angular cli创build组件

我在我的系统中安装了下面的软件 VS 2017-版本15.3.3 节点版本 – 6.11.3 Angular cli版本 – 1.4.1 我想在VS 2017中使用angular模板中的angular度cli创build组件 下面是我正在做的一步，但没有达到结果 步骤1）在VS2017中使用Angular Template创build一个项目 步骤2）打开Cmd – 在解决scheme之外为.angular-cli.json文件创build一个虚拟ng项目 步骤3）复制粘贴.angular-cli.json文件到我的解决scheme下面的文件夹结构[M：\ VS2017 Projects \ Trail109 \ Trail109] 步骤4）从“root”：“Src”更改为“root”：“ClientApp” 步骤5）然后在cmd中使用cd命令进入解决scheme 第6步），并使用给定的命令安装我的解决scheme的angular/ cli npm install @ angular / cli @ latest –save-dev [M：\ VS2017 Projects \ Trail109 \ Trail109> npm install @ angular / cli @ latest –save-开发] 步骤7）之后，使用cmd中的cd命令进入ClientApp中的组件文件夹 […]

在angular度4的获取请求中发送search参数

我search了网页。 我发现了一些事情，但是我什么都不明白。 我试图从我的angular度向Node.js服务器发送获取请求。 我想为我的服务器发送一些search参数。 然后search然后返回文件。 我正在使用这个函数来发送请求。 但我不知道如何广告参数旁边的这个要求。 GetCases(){ return this.http.get('/api/saleCases') .map((response:Response)=>response.json()); } 在服务器端 router.get('/saleCases', function(req, res){ console.log('get request for all cases'); Case.find({}).exec(function(err, cases){ if(err){ console.log("error retriving videos"); }else{ res.json(cases); } }); }); 你能帮我添加angular度的参数，并在node.js中读取它们吗？ 或者有什么方法可以build议我使用？

你似乎不依赖于“@angular/核心”。 打字稿

我试图在npm start上运行一个命令，但是我得到这样的信息：“你似乎不依赖于”@ angular / core“，这是一个错误，原因是什么？ ：npm @ angular / core -v它得到5.4.2 我的package.json "dependencies": { "@angular/animations": "^4.4.3", "@angular/common": "^4.4.3", "@angular/compiler": "^4.4.3", "@angular/core": "^4.4.3", "@angular/forms": "^4.4.3", "@angular/http": "^4.4.3", "@angular/platform-browser": "^4.4.3", "@angular/platform-browser-dynamic": "^4.4.3", "@angular/router": "^4.4.3", "applicationinsights-js": "^1.0.12", "core-js": "^2.4.1", "date-fns": "^1.28.5", "deepmerge": "^1.5.1", "fingerprintjs2": "^1.5.1", "ng2-page-scroll": "^4.0.0-beta.9", "ngx-mydatepicker": "2.1.2", "rxjs": "^5.1.0", "zone.js": "^0.8.12" }, "devDependencies": { "@angular/cli": "^1.4.2", […]

在不同的项目之间共享node_modules

我正在开发各种Angular 2项目，我想在多个项目之间共享node_modules文件夹。 我想创build一个这样的结构： MainFolder – Project1 – Project2 – package.json 所以我将只有一个package.json所有的项目。 我的回答：可以这样做吗？ 如果可能的话，我必须午餐npm install与-g ？ 我无法理解-g是如何工作的。 有人可以给我说明如何进行？ 很感谢 我忘了说我用angular度来构build项目。

Angular 2，Nodejs和postgresql

所以我想在数据库的前端显示一些数据。 我的app.js文件包括： app.use('/database', databaseRoutes); 我的database.js文件是下一个。 const { Pool, Client } = require('pg') const connectionString = "postgres://dbuser:Storerage@localhost/mainstorage" const client = new Client({ connectionString: connectionString, }) client.connect() client.query('SELECT * FROM files limit 10', (err, res) => { console.log(err, res) client.on("row", function (row, result) { result.addRow(row); }); }); module.exports = client; 如何在document.component.html中显示这个postgresql查询结果。 有人可以联系我任何帮助，或写一个介绍？ 我想我需要创build一个document.service文件，但我不知道如何处理。 我已经阅读了关于JSON.stringify，但没有find任何很酷的教程。 感谢帮助。

Express会话属性区分浏览器和邮递员

UPDATE 我认为值得一提的是我正在运行在端口4200上运行的Angular CLI，而我的服务器在端口8080上运行。这可能是一个问题吗？ 这是我现在唯一能想到的事情 当我打电话给路由'/ auth / login'时，我在会话对象上设置了一个loggedIn属性。 要检查用户是否已通过身份validation，请求“/ auth / checktoken”。 在这里，我检查req.session对象上是否存在loggedIn属性。 当我在Postman中执行这些请求时，一切正常，但在使用浏览器时，session.loggedIn属性是未定义的。 我将粘贴下面的相关代码。 在此先感谢您的帮助 服务器端 router.get('/checktoken', (req, res) => { if(!req.session.loggedIn) { return res.status(401).send({ userTitle: 'Not authorised', userMessage: 'You are not authorised to view this' }) } return res.status(200).send() }) 客户端 @Injectable() export class CheckAuthenticationService implements CanActivate { constructor( private router: Router, private […]