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

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.6K40

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

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

    1.7K80

    【学习笔记】尚硅谷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.3K00

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

    通过数组ID来引用不同的模块,如下图所示,可以发现入口entry.js的代码是放在数组索引0的位置,其它a.js和b.js的代码分别放在了数组索引1和2的位置,而webpack引用的时候,主要通过__webpack_require...很简单,业务代码常改,而公用代码不常改,那么,我们在日常修改业务代码的过程中,就可以省出编译公用代码那一部分所耗费的时间了(是不是马上就联想到坑爹的bootstrap了呢)。         ...使用extract-text-webpack-plugin就可以把css从js中独立抽离出来 安装 $ 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

    38950

    如何在 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 作为项目模板。...高效的日志记录和监控 使用轻量级的日志记录框架,减少日志记录的开销。 使用监控工具来监视服务器性能和资源使用情况,及时发现和解决问题。 资源优化 使用资源压缩和合并来减少网络传输和加载时间。

    25000

    如何在 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 中的属性要求时,接口会自动返回错误信息,默认的返回信息如下图所示 ?.../// 修改模型验证错误返回信息 /// /// 服务容器集合 /// logger">日志记录实例...(GenericHostBuilder)中,没办法注入除 IConfiguration 之外的任何服务到 Startup类中,而泛型主机则是在 asp.net core 3.0 中添加的功能 查了下升级日志

    2.2K30

    【学习笔记】尚硅谷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.3K20

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

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

    6.6K73

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

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

    5.9K20

    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 --> web" fileName="c:\Temp

    1.7K10
    领券