将Angular/Asp.Net Core 2.1应用程序部署到AWS。500错误
我可以在本地托管我的应用程序,并且可以正常运行.我可以通过AWS的vs向导出版弹性豆stal,而没有问题.但是,当我尝试访问该应用程序时,我会收到500个错误,而没有加载.我发现的所有参考文献都将文件从clientapp/dist移动​​到wwwroot,但是有两件事... 1.我没有Dist文件夹? 2. "公共IconFiguration Configuration"中的最后一行将SPA静态文件的根路径设置为DIST (原谅我,这是我的第一个Angular应用程序部署.) startup.cs public class Startup { public Startup(IConfiguration configuration) { Configuration = configuration; } public IConfiguration Configuration { get; } // This
8 2024-04-26
编程技术问答社区
如何将Windows身份验证从客户端转发/传递Windows身份验证到具有Angular的ASP.NET Core应用中的另一个REST API?
我目前正在实施一个ASP.NET核心应用,具有Angular所述,如所述Angular?view = vs-2022" rel =" nofollow noreferrer">在这里. 在帮助下,我得到了这个问题,我已经能够在我们的测试环境中在本地以及在IIS服务器上工作. 在此应用程序中,我必须与另一个支持以下身份验证类型的REST API进行通信: kerberos 基本 承载者 匿名 对于我针对此API执行的每个请求,我需要通过Windows身份验证对我的应用程序(后端)进行身份验证的用户身份验证.这样做的原因是,有关API的所有权限都连接到特定的Windows用户或组,因此API必须知道哪个用户正在执行请求,因此它仅返回用户可以访问的数据. 现在,我对如何制作这项工作有些困惑,因为我以前从未实施过类似的事情. 我必须使用哪种API身份验证方法,我还必须考虑/配置什么才能将用户的凭据/身份转发到API? ? 解决方案 为了提出解决问题的
8 2024-04-26
编程技术问答社区
当我从angular向我的.net控制器发出一个简单的post请求时,数值为空
这曾经是一个415错误问题. 现在,它是服务器端问题上的接收零值. 我很难尝试将我的值在对象mymessage中获取到服务器端. 到目前为止,我已经尝试将JSON.STRINGIFY添加到newmessage. 我尝试了多种方法来更改或使对象以其识别的方式,例如json.stringify()并创建一个以正确的参数结尾的URL. 对不起,如果我似乎在下面倾倒代码,但是我已经在第二天进行了工作,并且不明白为什么我不能用三个参数执行简单的帖子请求.一个字符串,一个int和一个日期时间. 如果有人可以看到我出了什么问题,我会很感激.我将拼命等待. 下面我试图从 updateMessage(消息:any) in service.ts 中 api/slgcorpnotes/edit . slg-corp-notes.service.ts import { Component, Injectable, Inject } from '@angular/core
20 2024-04-26
编程技术问答社区
在Angular项目中使用Ignite UI进行数据库连接和数据可视化
我正在使用Angular进行C#项目(Visual Studio 2019),其中我想在表中显示来自Server Microsoft SQL数据库的数据(使用IGNITE UI). 我搜索了教程,以创建与数据库的连接,并以合适的形式从数据库中准备数据,以便在表中显示此数据(使用IGNITE UI).不幸的是我什么都没找到,这是为什么我在这里写作的原因. 到目前为止我拥有的东西: tracing-system.component.ts export class TracingSystemComponent implements OnInit { constructor() { } ngOnInit(): void { } localData = [ { Name:'John Smith', Age: 29 }, { Name:'Alice in Wonderland', Age: 27 }, { Name:'Jessica', Age: 31 },
6 2024-04-26
编程技术问答社区
在Asp.Net核心的Angular网络应用中,在CSRF攻击中验证AntiForgeryToken的端点属性用法
我有一个Web应用程序,该应用程序使用ASP.NET Core(3.1)后端和角前端(8.2.11).它使用ASP.NET身份框架进行用户身份验证.它将身份验证令牌存储在本地存储中,以用作请求中的身份验证标头.只有在登录用户登录时,直接在浏览器中键入端点时,一切都可以在有意义的控制器端点上使用. . . 我仍然不确定这样的设置是否阻止了跨站点伪造(XSRF/CSRF)攻击.我知道使用cookie存储身份验证令牌很容易受到CSRF的影响,我尝试使用某个端点上的[ValidateAntiForgeryToken]属性进行了一些尝试,当然,它打破了这些端点.我知道在Razor页面中,一种形式会自动注入反义务令牌.那么,我需要在我的角前端设置它吗?如果是,怎么样? (我在网络上搜索了一些,指令到处都是,毫无意义,没有明确的共识). 解决方案 步骤1 将中间件添加到您的中间件管道中,该管道生成抗验性tokentoken,并将令牌嵌入到响应中的非HTTP的非HTTP cookie
12 2024-04-26
编程技术问答社区
HTTPS解析期间的HTTP失败
我在前端使用了Angular 14在后端. 当我刷新页面时,我会收到此错误: HTTP解析期间的失败 https://localhost:6001/account/login?returnurl =%2fapi%2faccount%2fcurrentuser" 我该如何解决这个问题? 在后端: 我认为问题的原因是在这条代码中: builder.Services.AddIdentity() .AddRoles() .AddEntityFrameworkStores(); 因为如果我删除 Builder.Services.Addidentity () .addroles() .addentityFrameWorkstores(); 并
10 2024-04-25
编程技术问答社区
跨源请求被阻止: (原因: CORS请求没有成功)
我正在使用ASP.NET Core 5.0 Web API为后端开发全堆栈应用程序. 在将HTTP POST请求发送到后端时,我会收到与CORS策略有关的错误. 错误是: 交叉原始请求阻止:相同的原始策略在http://localhost:5001/api/v1/user/login上读取远程资源. (原因:CORS请求没有成功). 我查看了此链接: us/docs/web/http/cors/errors/corsdidnotsucceed ,但它没有给我足够的信息来提出解决方案 我相信我的问题可能与第一个项目符号有关: 试图访问具有无效证书的HTTPS资源将导致此错误 因为我的前端使用HTTP协议,而后端使用HTTPS协议. 什么被认为是有效的证书? 我也没有在网络浏览器中安装Adblocker,所以我想不出其他任何尝试,因为我相信我正在以下代码中启用CORS. 关于出了什么问题的想法?我可能会缺少某种形式的配置? 代
10 2024-04-25
编程技术问答社区
多个表单数据文件上传参数
我想使用 ng2-file-upload 在客户端,到目前为止的一切都可以使用,但是现在我必须使用一个包含文件附加到标识符的每个文件传递一个附加参数. 我尝试在打字稿中设置FileUploader对象的附加参数属性: this.uploader.options.additionalParameter = {"issueId": result.data.id}; 在服务器上,我有以下方法,除了我没有上面设置的其他参数(easuctionID). (.NET Core 2.0) public RequestResultModel File(IFormFile file); 请求有效载荷包含参数,但在新的表格数据中: ------WebKitFormBoundaryegtYAcYfO3gKdk9Z Content-Disposition: form-data; name="file"; filename="81980085.pdf" Content-Type: app
12 2024-04-25
编程技术问答社区
Angular和WebAPI配置
我们有一个Angular 4应用程序和一个WebAPI应用程序(.NET框架).我们设置了一个Azure应用程序,其中两个应用程序都部署到了它(客户端和服务).根路径指向客户端. http请求到我们的API(/api/{Controller}/)未达到我们的服务,而Angular路线似乎正在捡起它们并将index.html作为响应内容返回. . 我们如何设置Azure,以便我们的Angular应用程序为HTML/CSS/JS内容提供服务,并呼叫"/api/"路由我们的服务? 我们尝试过将根路径指向该服务,但是然后我们收到所有非API请求的404. 解决方案 要回答我自己的问题,我需要按照本文概述的静态文件提供: 简而言之,我将服务(WebAPI)部署到Azure根,而端(Angular 4)部署为编译为" DIST"文件夹. 我添加了以下Nuget软件包:
14 2024-04-25
编程技术问答社区
在ASP.NET Core WebAPI中使用@addTagHelper。ASP.NET预渲染
我正在开发" asp.net core web api" ," angular 4" .这是我使用" Web API"模板的通常方法,因此没有诸如Views之类的文件夹. 直到我想使用Microsoft.AspNetCore.SpaServices之前,这不是问题.我正在关注此 microsoft of microsoft of microsoft of microsoft. aspnetcore.spaservices服务器端预先登录,有两个重要步骤Microsoft.AspNetCore.SpaServices: 转到您的Views/_ViewImports.cshtml文件,然后添加以下行: @addTagHelper "*, Microsoft.AspNetCore.SpaServices" 在您的MVC视图之一中选择一个位置,您想在其中要贴上水疗中心.例如,打开Views/Home/Index.cshtml,然后添加标记如下:
12 2024-04-25
编程技术问答社区
我们如何将客人令牌传递给超集的iframe
我正在探索超集,并致力于集成超集仪表板嵌入.我有一个工作的超集,具有以下更改: FEATURE_FLAGS = { "EMBEDDED_SUPERSET": True, "ENABLE_CORS" : true, "ENABLE_PROXY_FIX" : true } 用公共和伽马用户角色创建超级用户.已经创建了一个仪表板,并将数据集添加到公共和伽马角色的许可中. 我能够生成访客令牌,并将其传递给嵌入式URL. 但是,当我尝试在页面上输入凭据时,带有登录页面并将重定向到同一页面的加载. 注意:我们正在使用C#进行后端,而Angular为UI 生成访客令牌:为用户生成访问令牌,获
12 2024-04-24
编程技术问答社区
配置ASP.NET核心抗试验以与Angular Spa一起使用
您如何配置ASP.NET核心Web应用程序以向Angular Application提供反遗嘱代币? 解决方案 我花了很多时间尝试将它们拼凑在一起,因此这是我试图帮助其他人试图弄清楚如何与ASP.NET Core 6和Angular一起工作的抗虐待令牌的尝试./p> 首先,在每个POST请求的情况下,将身份验证令牌传递给服务器API.除了确保应用程序首次连接到服务器时,您无需任何其他方法将称为XSRF-TOKEN的cookie发送给客户端.所有配置都将在您的ASP.NET Core Web应用程序 内 在您的API应用程序中,您需要进行一些设置才能实现这一目标.打开您的Program.cs文件,并将抗试验服务添加到应用程序: : var builder = WebApplication.CreateBuilder(args); builder.Services.AddAntiforgery(options => { options.HeaderName =
12 2024-04-24
编程技术问答社区
AllowAnyMethod对某些API调用有效,但对其他调用无效。
我在我提交我得到 交叉原始请求被阻止:相同的原始策略取消阅读远程资源,请 http:http://localhost:1113/API/贷款. (原因:CORS标题'访问控制 - 允许 - 原始'缺失). 和 交叉原始请求被阻止:相同的原始策略取消阅读远程资源,请 http:http://localhost:1113/API/贷款. (原因:CORS请求没有成功). 我以前已将其添加到Startup中的API的Configure: 之前已将其修复给另一个API调用. app.UseCors(options => options.WithOrigins("*").AllowAnyMethod()); ,但由于某种原因,它正在阻止呼叫 // POST api/loans [HttpPost] public void Post(Loan loan) { _context.Loans.Add(loan); _context.SaveCha
6 2024-04-24
编程技术问答社区
从angular上传图片的wcf服务调用
我试图通过Angular Frontend的WCF上传图像.它运行良好,我也收到了一条成功消息,但是保存的图像没有在任何其他图像程序的图像查看器中打开. 保存收到的文件流的代码是从stackoverflow复制的,但该答案很旧. public string PostImage(Stream stream) { using (var f = new FileStream(@"C:\Temp\Sample.jpg", FileMode.OpenOrCreate)) { stream.CopyTo(f); } stream.Close(); return "Recieved the image on server"; } } 如何以正确格式保存文件. 角文件是
6 2024-04-24
编程技术问答社区
ASP.NET核心 - 从同一端口同时提供API和水疗
好吧,尝试使用 asp.net core 和 Angular 创建网站,这是我的问题:如何服务 Angular 和 API 来自同一端口?我的意思是,如果 url 以/api/开始,那么 asp.net 应该称呼我的一个控制器之一,否则 - 返回 ang an an angular 页面.有没有办法实现这一目标?我找到了一些有关如何服务多个水疗中心的解决方案,但这并没有真正帮助我... 现在我的代码看起来像这样: using Microsoft.AspNetCore.Builder; using Microsoft.AspNetCore.SpaServices.AngularCli; var builder = WebApplication.CreateBuilder(args); // Add services to the container. builder.Services.AddControllers(); builder.Services.AddSpaSt
10 2024-04-24
编程技术问答社区
Angular 2 / .NET Core进度条
我有这个项目正在从我的Angular 2 site打来电话中创建一些Entity entries in my database. backend API大约需要2分钟才能完成工作然后返回结果. 目前,我在前端显示了一个加载动画,因此用户知道仍在进行.但是由于需要时间,我想将其更改为progress bar. 我知道我可以使用Angular材料实现进度栏,并且可以使用值更新以显示进度. 但是我的问题是以下内容: 拨打了后端API后,如何向前端发送更新(有点计数器++的东西)以更新进度栏? // PUT: api/admin/lorem [HttpPut] [Route("route")] public async Task CreateAndCalculateStuff([FromBody]Model model) { var lorem = await ipsum(model); return NoContent();
18 2024-04-24
编程技术问答社区
从Angular 8调用.net核心方法时出现HttpErrorResponse
如果操作完成了,我正在调用控制器方法并返回成功.但是我不断收到以下错误 HttpErrorResponse {headers: HttpHeaders, status: 200, statusText: "OK", url: "http://localhost:5000/api/File/create", ok: false, …}headers: HttpHeaders {normalizedNames: Map(0), lazyUpdate: null, lazyInit: ƒ}status: 200statusText: "OK"url: "http://localhost:5000/api/File/create"ok: falsename: "HttpErrorResponse"message: "Http failure during parsing for http://localhost:5000/api/File/create"error: {error: Syn
10 2024-04-24
编程技术问答社区
如何使用SignalR以正确的方式处理更新?
我有一个客户端应用程序Angular和a signalR hub,而且我还有一项将时间戳作为参数的服务. 当我按客户端中的启动按钮时,我想在集线器中调用一种方法,当调用该方法时,我想继续列出所有更改(创建一个计时器),直到客户端按下停止按钮,我将停止计时器. 所以我想问哪个更好: 1-从客户端调用时刻戳的调用方法,然后创建setInterval来调用该方法中的方法,当按下停止按钮时,我可以停止它. 专利: 启动和停止计时器很容易. 缺点: 我每1秒调用该方法,然后检查客户端是否有响应以更新UI. 2-一次调用该方法,然后为服务器上的每个客户端创建一个计时器,当客户端按下停止按钮时,我可以调用另一种方法来停止该客户端的计时器. 专利: 我正在检查集线器中的时间戳,只有在服务>时间戳> TIMESTAMP本地 的时间戳时,我才会将数据发送给客户端. 缺点: 我实际上不知道如何为每个客户创建计时器,,如果这是正确的方法,请帮助我 解决方案
12 2024-04-24
编程技术问答社区
如何在ABP的内置休息服务中使用FormData?
我想在基于ABP的应用程序中上传文件. 我的应用程序服务是这样创建的: public async Task> UploadAsync(IFormFile File) 产生这样的REST API端点: 很好. 现在,当我生成代理时,它创建了这样的客户端代理,它不接受文件作为输入,而是为IFormFile创建JSON: upload = (File: IFormFile) => this.restService.request({ method: 'POST', url: `/api/app/schedule/upload`, }, { apiName: this.apiName }); 由于此方法没有用,因此我决定使用ABP框架提供的REST服务,因为它可以在内部处理成功和故障.我向组件注射RestService: constru
10 2024-04-24
编程技术问答社区