Asp.net MVC的不同路由导致相对寻址问题

Question

I'm having an issue where im reusing partial controls in my asp.net mvc project. The situation is that we the website can be accessed from 2 different paths: eg

1. http://localhost/mywebsite
2. http://localhost/mywebsite/app/otherapp

These two address share controls and on those shared controls there are some img html tags with relative addressing throughout.

ie

This relative image address works fine for address web address 1 but fails for web address 2. To get it working for web address 2 i need to change it to

I've got these throughout the entire system and it would be a nightmare to go through and switch them at runtime.

Wondering if there is someway to cover this situation without all the hassle?

Answer 1

您应该在“ src”中使用“〜”从主目录开始：

<img alt="Ok" src='~/img/buttons/Ok.png' />

Answer 2

<img alt="img1" src='/img/buttons/Ok.png' />

or use Url.Action() method.

<img alt="img1" src="@Url.Action('')"/>

use Url.Action method overload of your choice.