html - 如何确定对资源的哪个调用失败？

Question

我在 Chrome 开发工具的网络选项卡中收到此错误消息：

加载资源失败：服务器响应状态为 400（错误请求）http://localhost/%3C%=%20System.Configuration.ConfigurationManager.AppSettings[%22ThisApp%22]%20%%3E/Content/Images /SSCSsprite.png

...但是该图像确实存在，在该位置，并且在其他地方加载正常（我稍后在网络堆栈中看到它，状态代码为 304）。那么我如何确定对该图像的哪个引用是错误的呢？

有些地方像这样引用该文件：

background-image: url('/@ConfigurationManager.AppSettings["ThisApp"]/Content/Images/SSCSsprite.png'); 

...但其他人正在使用这种老式风格：

background:#344f9b url('/<%= System.Configuration.ConfigurationManager.AppSettings["ThisApp"] %>/Content/Images/SSCSsprite.png') repeat-x 0 -368px;

Answer 1

在我看来，您似乎正试图将 Razor 代码和/或 asp.net 内联脚本放入外部样式表中。据我所知，这是不可能的。

所以基本上你的背景是用图像 url 渲染的

`/@ConfigurationManager.AppSettings["ThisApp"]/Content/Images/SSCSsprite.png` 

或者

`/<%= System.Configuration.ConfigurationManager.AppSettings["ThisApp"] %>/Content/Images/SSCSsprite.png`

然后依次进行 URL 编码。

我建议你更新你的背景图片参考。