图像不会显示在 mvc 项目的所有页面上

Posted 2023-04-01

【中文标题】图像不会显示在 mvc 项目的所有页面上

【英文标题】：Images won't show up on all pages of mvc project

【发布时间】：2021-12-10 22:41:17

【问题描述】：

我的 MVC 网站项目有问题。我在我的网站上使用的图像只会在我调用该特定页面时显示，例如当我使用时

app.UseMvc(routes => 
    routes.MapRoute(
        name: "default",
        template: "controller=Home/action=Index/id?");
    );

图片只会显示在我的索引页面上。如果我单击指向我的其他页面的链接之一，图像将不会显示。假设我将 action=Index 更改为 action=List。现在只有List 中的图像会显示，Index 中不会显示任何图像。我的 css 样式表也是如此。

【问题讨论】：

也许我误解了你的问题，请指出。感谢您提前回复

【参考方案1】：

路由规则是MVC的默认规则，所以不知道你的图片文件是怎么放的，怎么用的，这里是我测试中的代码sn-p，在默认的home/index页面和home/edit 页面，我都添加了 2 个 png 文件，它们存储在 wwwroot/img 文件夹中。并且两张图片都显示得很好。

@*using imgs in index page*@
<img src="~/img/11.png">
<img src="~/img/22.png">
<a asp-controller="Home" asp-action="Edit">jump to edit page</a>

@*using imgs in edit page*@
<img src="~/img/11.png">
<img src="~/img/22.png">
<a asp-action="Index">Back to List</a>