Setting anchor link to an address in Laravel, gives error
<p>In my Laravel application, when I am trying to link the username of the person who has posted in the website with his profile page, with the code:</p>

<pre><code>&lt;div class="media-body"&gt;&lt;a href="@{{ post.user.profileUrl }}"&gt;@{{ post.user.name }}&lt;/a&gt; 
</code></pre>

<p>It is giving the error:</p>

<blockquote>
  <p>Sorry, the page you are looking for could not be found.</p>
  
  <p>1/1 NotFoundHttpException in RouteCollection.php line 161:</p>
</blockquote>

<p>But, when I am trying to print <code>@{{ post.user.profileUrl }}</code> it is giving the right address, also in the json response, it is giving the right address, and going to the address is also reaching the specific location.</p>

<p>So, I don’t think it is some problem with post.user.profileUrl, as it seems to work fine, it seems to be some problem with using it with href, the address of the error in Google Chrome is:</p>

<p><a href="http://localhost:8000/%7B%7B%20post.user.profileUrl%20%7D%7D" rel="nofollow noreferrer">http://localhost:8000/%7B%7B%20post.user.profileUrl%20%7D%7D</a></p>

<p>and the address should have been</p>

<p><a href="http://localhost:8000/users/2" rel="nofollow noreferrer">http://localhost:8000/users/2</a> where 2 refers to the id of the user, which I am passing to the user through Vue.js</p>