Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

angular 5 & 8 - 431 Request Header Fields Too Large

I'm working on 2 projects and installed Angular 8 in my machine for new project. But, I'm using Angular 5 for existing project. I'm getting 431 Request Header Fields Too Large error in my Angular5 project after I installed Angular 8. How can I fix this error in my current project?

Thanks

like image 820
user3194721 Avatar asked Jan 27 '20 20:01

user3194721


People also ask

What is the Angular 5?

Angular 5 is a new version of the Angular framework developed by Google. Angular 5 comes with improvements including optimized builds and faster compile times, but in this Angular 5 tutorial, we are going to build a notes app from scratch.

Is Angular 5 deprecated?

The Angular team has now deprecated Http in version 5. The HttpClient API from @angular/common/http package that shipped in version 4.3 is now recommended for use in all apps.

What is the difference between Angular 5 and Angular 6?

Angular 5 is much faster with improved loading time and has better execution time as well. The latest in line is Angular 6. According to Google's team, this is a major release which is focused on making the toolchain easier to move quickly with Angular in the future, and less on the underlying framework.

When did Angular 5 release?

Angular 5 was released on November 1, 2017. Key improvements in Angular 5 include support for progressive web apps, a build optimizer and improvements related to Material Design.

What is angular 5 tutorial?

Our Angular 5 Tutorial is designed for beginners and professionals both. Angular is a JavaScript framework which makes you able to create reactive Single Page Applications (SPAs). This is a leading front-end development framework which is regularly updated by Angular team of Google. Angular 5 is completely based on components.

What is the full form of AngularJS?

From Wikipedia, the free encyclopedia For AngularJS 1.x, see AngularJS. Angular (commonly referred to as " Angular 2+ " or " Angular v2 and above ") is a TypeScript -based free and open-source web application framework led by the Angular Team at Google and by a community of individuals and corporations.

What is the difference between angular 5 and angular 6?

Conditionally disable animations. Angular 5 was released on November 1, 2017. [17] Key improvements in Angular 5 include support for progressive web apps, a build optimizer and improvements related to Material Design. [18] Angular 6 was released on May 4, 2018. [19]

What are the different versions of AngularJS?

There are two major versions of the framework: AngularJS (version 1) and Angular (version 2+). Since version 2, Angular is no longer a JavaScript framework, so there’s a huge difference between them, warranting a fundamental name change.


2 Answers

I've had the same problem and it looks like that is a browser cache issue. Try to open your application in an incognito windows or clean your cache, i did it and it worked

like image 101
Murilo Góes de Almeida Avatar answered Sep 19 '22 04:09

Murilo Góes de Almeida


To add to Murilo's answer, you can clear the guilty cookie in chrome by:

  1. hitting F12 (to open developer tools)
  2. in the application tab expand cookies, right click the localhost url.
  3. click clear.

enter image description here

like image 24
patrickbadley Avatar answered Sep 21 '22 04:09

patrickbadley