在href标签中加载到外部网站的链接

Question

I have a column in database that hold links to websites its name is "link" in my razor view I need to read what is found in this column in an anchor tag so if the column hold "www.website.com"

<a href="@Model.link">click</a>

I expect this to result

<a href="www.soukcom.com">click</a>

but when I click on it it link me to

http://localhost:11767/en/Home/www.soukcom.com

How can I linked to the correct website link that found in database

Answer 1

Is there any chance that you have a leading / character at the beginning of your Model.link property? If so - this would cause Razor to see this as a relative path and would explain why it's pointing to that specific location.

If you are pulling these values from a database, then you might want to consider sanitizing any relative URLs within your ViewModel by using something like the following :

public string NonRelativeLink => link.TrimStart('/');

Then simply use this updated property :

<a href="@Model.NonRelativeLink">click</a>

Answer 2

All you have to do is update the address to an HTTP(S) Protocol

Enjoy coding !