How to pass data from one component to another

See more:

Angular10

<button class="align-bottom"
                  routerLink="/structure/profile">View
                  profile</button>

I want the pass emp_no value to profile component here,
i dont want query string here.

What I have tried:

onreadmoreclick(empno)
  {
    this.router.navigate(['/structure/profile'],{ state: { nobj: (empno)}});
  }

in profile component reading it as below:

this.user=window.history.state.empno;

but on page refresh data is getting vanished.