首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Angular 8+ Asp.net WEB API2中的NGX Logger服务器端日志总是从main.js返回时间戳:0,FileName = main.js & LineNumber

Angular 8+是一种流行的前端开发框架,而ASP.NET Web API2是一种常用的后端开发框架。NGX Logger是一个用于记录日志的Angular库。在Angular 8+和ASP.NET Web API2中使用NGX Logger时,有时会遇到服务器端日志总是从main.js返回时间戳为0的问题。

这个问题通常是由于NGX Logger的配置问题导致的。为了解决这个问题,可以按照以下步骤进行操作:

  1. 确保在Angular项目中正确安装和配置了NGX Logger库。可以通过在终端中运行以下命令来安装NGX Logger:
  2. 确保在Angular项目中正确安装和配置了NGX Logger库。可以通过在终端中运行以下命令来安装NGX Logger:
  3. 在Angular项目的主模块(通常是app.module.ts)中导入NGX Logger模块,并将其添加到imports数组中。例如:
  4. 在Angular项目的主模块(通常是app.module.ts)中导入NGX Logger模块,并将其添加到imports数组中。例如:
  5. 这里的NgxLoggerLevel.DEBUG表示将日志级别设置为DEBUG,你可以根据需要选择其他级别。
  6. 在ASP.NET Web API2的后端代码中,确保正确配置了NGX Logger的服务器端。可以通过以下步骤进行操作:
    • 在Global.asax.cs文件中,添加以下代码:
    • 在Global.asax.cs文件中,添加以下代码:
    • 这里使用了NLog库来进行服务器端日志记录,日志文件将保存在logs文件夹中。
    • 在需要记录日志的地方,使用以下代码:
    • 在需要记录日志的地方,使用以下代码:
    • 这里的logger对象可以在需要记录日志的类中进行实例化,并使用相应的日志级别记录日志。

通过以上步骤,你应该能够解决Angular 8+和ASP.NET Web API2中NGX Logger服务器端日志返回时间戳为0的问题。

关于NGX Logger的更多信息,你可以参考腾讯云的相关产品:腾讯云日志服务

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

以太坊区块链 Asp.Net Core安全API设计 (下)

签名后,它会将帐户,签名,明文消息和带前缀哈希发送到令牌端点。 请注意,web3.personal.sign将十六进制格式(0x ...)普通字符串字节数组作为输入。...正如我们所说服务器端,我们将使用两种不同方式签名恢复公钥:在一个我们将使用JSON RPC 接口中web3.personal.ecrecover(web3.personal.sign对应)...如果现在单击“请求数据”按钮,将收到HTTP响应200和数据负载: 签名检索以太坊帐户 到目前为止,EthereumJwtApi是一个简单JWT Asp.Net核心示例,因为它不提供任何有效身份验证方法...TokenController关键部分是两个Authenticate方法及其签名检索以太坊帐户能力。为此,你需要安装Nethereum.Web3 NuGet包。...只需几点说明: web3 1.0.0处于测试阶段,web3.personal.sign实现可能会随着时间推移而变化。请务必在你可以维护代码库上使用这种身份验证方法。

1.1K30

前端录屏 + 定位源码,帮你快速定位线上 bug

0到1搭建前端监控平台,面试必备亮点项目(已开源)[2] 没有看过小伙伴,建议先了解下 最终效果 在监控后台,通过报错信息列表,可以查看具体报错源码,以及报错时录屏回放 效果演示: 录屏记录了用户所有操作...* @param { function } 回调函数,返回对应源码 */ const findCodeBySourceMap = async ({ fileName, line, column },...(error)[0]; // 获取对应原始文件名、行和列信息,并上报 let { fileName, columnNumber, lineNumber } = stackFrame; 复制代码 示例演示... .map 文件得到对应源码并展示 前端录屏 web-see 监控通过 rrweb[7] 提供了前端录屏功能 rrweb 使用 先介绍下在vue如何使用 录制示例: import { record...,replay 方法支持根据时间去还原 DOM 变化 2)rrweb-player:基于 svelte 模板实现,为 rrweb 提供了回放 GUI 工具,支持暂停、倍速播放、拖拽时间轴等功能。

1.4K30

ASP.NET Core应用如何记录和查看日志

我们知道ASP.NET Core使用是一个极具扩展性日志系统,该系统由Logger、LoggerFactory和LoggerProvider这三个核心对象组成。...之所以在结束时候能够计算出整个请求处理过程所花时间,是因为创建这个上下文对象保存了开始处理请求时间,该时间对应着Context结构StartTimestamp属性。...和开始请求处理时间一样,被创建出来日志范围实际被保存在HostingApplication上下文对象,它对应着Context结构Scope属性。...由于ASP.NET Core在处理请求过程中导致异常并不会导致应用终止,考虑到安全,抛出异常详细信息也不应该直接返回到客户端。...在这种情况下,我们就需要使用记录日志进行差错和纠错,因为ASP.NET Core在处理请求遇到异常都会记录到日志

1.6K80

【学习笔记】尚硅谷Webpack5入门到原理 | 基础篇

⭐注:本文是对尚硅谷 Web 前端之 Webpack5 教程学习笔记记录,加入了一些自己练习改动与思考。.../src/main.js: 指定 Webpack main.js 文件开始打包,不但会打包 main.js,还会将其依赖也一起打包进来。--mode=xxx:指定模式(环境)。.../src/main.js", // 输出 output: { // path: 文件输出目录,必须是绝对路径 // path.resolve()方法返回一个绝对路径 // __dirname...当前文件文件夹绝对路径 path: path.resolve(__dirname, "dist"), // filename: 输出文件名 filename: "main.js",...解析样式资源我们找 Loader 都应该去官方文档中找到对应 Loader,然后使用官方文档找不到的话,可以社区 Github 搜索查询Webpack 官方 Loader 文档open in new

2.2K00

【Hybrid开发高级系列】WebPack模块化专题

通过数组ID来引用不同模块,如下图所示,可以发现入口entry.js代码是放在数组索引0位置,其它a.js和b.js代码分别放在了数组索引1和2位置,而webpack引用时候,主要通过__webpack_require...很简单,业务代码常改,而公用代码不常改,那么,我们在日常修改业务代码过程,就可以省出编译公用代码那一部分所耗费时间了(是不是马上就联想到坑爹bootstrap了呢)。         ...使用extract-text-webpack-plugin就可以把cssjs独立抽离出来 安装 $ npm install extract-text-webpack-plugin --save-dev...,jQuery返回给它。         .../developerworks/cn/web/wa-modularize-angular-apps-with-webpack-trs/index.html webpack-demos https://github.com

33150

如何在 ASP.NET MVC 中集成 AngularJS(2)

这个问题是以如何使用 AngularJS 客户端 JavaScript 渲染服务器端 ASP.NET 包开始?...开始时候,我在 _Layout.cshtml 母版页顶部编写了一些服务器端代码。我所做头两件事情就是让程序集信息类获取应用序列号,应用程序设置获取检索基本 URL。...有一个 JSON 集合信息是,允许客户端 AngularJS 应用程序加载服务器端捆绑最初方法。... Visual Studio 启动应用程序时,您可能会遇到浏览器缓存问题。同时也可能会花时间来猜测,你运行是否是最新版本 JavaScript 文件。在浏览器按 F5 可以解决这个问题。...捆绑信息集将会用于返回虚拟捆绑路径。此外,JSON 集将被用于跟踪被加载捆绑。一旦捆绑被加载,就不需要第二次捆绑了。 有几件事情需要写入路由代码

8.3K100

ASP.NET Core 基础知识】--前端开发--集成前端框架

一、前端框架概述 1.1 Angular 特点 Angular是一种流行前端框架,具有许多特点,这些特点有助于构建现代化、可维护且高性能Web应用程序。...创建项目: 在命令行执行以下命令来创建一个 ASP.NET Core 项目: dotnet new web -n MyAspNetCoreApp 这会创建一个名为 MyAspNetCoreApp ...ASP.NET Core Web 应用程序项目。...创建 ASP.NET Core 项目: 在 Visual Studio 创建一个 ASP.NET Core Web 应用程序项目,选择 Web API 作为项目模板。...高效日志记录和监控 使用轻量级日志记录框架,减少日志记录开销。 使用监控工具来监视服务器性能和资源使用情况,及时发现和解决问题。 资源优化 使用资源压缩和合并来减少网络传输和加载时间

6100

如何在 asp.net core 3.x startup.cs 文件获取注入服务

一、前言 18 年开始接触 .NET Core 开始,在私底下、工作也开始慢慢传统 mvc 前后端一把梭,开始转向 web api + vue,之前自己有个半成品 asp.net core...2.2 项目模板,最近几个月时间,私下除了学习 Angular 也在对这个模板基于 asp.net core 3.1 进行慢慢补齐功能 因为涉及到底层框架大版本升级,由于某些 breaking changes...30 而在 asp.net core ,因为会自动进行模型验证,当不符合 dto 属性要求时,接口会自动返回错误信息,默认返回信息如下图所示 ?.../// 修改模型验证错误返回信息 /// /// 服务容器集合 /// 日志记录实例...(GenericHostBuilder),没办法注入除 IConfiguration 之外任何服务到 Startup类,而泛型主机则是在 asp.net core 3.0 添加功能 查了下升级日志

2.1K30

【学习笔记】尚硅谷Webpack5入门到原理 | 高级篇

⭐注:本文是对尚硅谷 Web 前端之 Webpack5 教程学习笔记记录,加入了一些自己练习改动与思考。.../dist"), // 生产模式需要输出 filename: "static/js/main.js", // 将 js 文件输出到 static/js 目录 clean:.../dist"), // 生产模式需要输出 filename: "static/js/main.js", // 将 js 文件输出到 static/js 目录 clean: true, }...但是加载速度还不够好,比如:是用户点击按钮时才加载这个资源,如果资源体积很大,那么用户会感觉到明显卡顿效果。我们想在浏览器空闲时间,加载后续需要使用资源。...是什么渐进式网络应用程序(progressive web application - PWA):是一种可以提供类似于 native app(原生应用程序) 体验 Web App 技术。

3.1K20

Nest.js 零到壹系列(四):使用中间件、拦截器、过滤器打造日志系统

首先,一个良好服务端,应该有较完善日志收集功能,这样才能在生产环境发生异常时,能够日志复盘,找出 Bug 所在。 其次,要针对项目中抛出异常进行归类,并将信息反映在接口或日志。...}(line: ${lineNumber}, column: ${columnNumber}): \n`; } } 上面贴出了我实例化 log4js 过程,主要是处理日志组成部分(包含了时间...如图,只会记录入参以及控制台默认报错信息,而默认报错信息,是不会写入日志文件。 再看看请求返回数据: ?...因此,我们需要捕获代码未捕获异常,并记录日志到 logs/errors 里,方便登录线上服务器,对错误日志进行筛选、排查。 1....已经有了明显区别,再看看 errors.log,也写进了日志: ? 如此一来,代码未捕获错误也能从日志查到了。

6.4K73

Nest.js 实战系列四:使用中间件、拦截器、过滤器打造日志系统

首先,一个良好服务端,应该有较完善日志收集功能,这样才能在生产环境发生异常时,能够日志复盘,找出 Bug 所在。 其次,要针对项目中抛出异常进行归类,并将信息反映在接口或日志。...}(line: ${lineNumber}, column: ${columnNumber}): \n`; } } 上面贴出了我实例化 log4js 过程,主要是处理日志组成部分(包含了时间...如图,只会记录入参以及控制台默认报错信息,而默认报错信息,是不会写入日志文件。 再看看请求返回数据: ?...因此,我们需要捕获代码未捕获异常,并记录日志到 logs/errors 里,方便登录线上服务器,对错误日志进行筛选、排查。 1....已经有了明显区别,再看看 errors.log,也写进了日志: ? 如此一来,代码未捕获错误也能从日志查到了。

5.4K20

ASP.NET Core 实战:使用 NLog 将日志信息记录到 MongoDB

NLog 和 MongoDB   在 ASP.NET Core ,巨硬为我们提供了一个 ILogger 接口,通过 ILogger 接口,我们可以很方便日志信息输出到控制台中,不过,在控制台中查看日志信息会显得不太方便...在 MongoDB 之前版本,如果我们需要将 MongoDB Server 作为 Windows 服务,需要我们在安装完成之后进行配置,但是 MongoDB 4.0 开始,我们就可以在安装期间直接配置和启动我们...NLog 和 NLog.Web.AspNetCore 为 ASP.NET Core 添加了对于 NLog 平台支持,在 NLog ,我们可以通过继承 NLog.Targets.TargetWithLayout...例如,这里,我添加了 NLog.Web.AspNetCore 这个程序集从而达到 NLog 对于 ASP.NET Core 支持,以及添加了 NLog.Mongo 这个程序集用来将日志信息输出到 MongoDB...Uses some ASP.NET core renderers --> <target xsi:type="File" name="ownFile-<em>web</em>" fileName="c:\Temp

1.5K10

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券