用IIs調試Asp.net核心網不同於直接瀏覽

Question

這是我的第一個問題，所以我很興奮:)。

我最近從編程mvc-5/6移動到asp.net核心。 現在，我注意到當我調試我的網站，我有幾種選擇：

通過CMD部署

-browse與

有趣的是，當我部署

-iis

-SolutionName我網站與IIS（F5）的瀏覽器並沒有得到我所有的CSS引用（這不會影響我的私人cssed元素很少）。但是當我通過前面提到的其他2個選項部署它時，它確實有效。

現在我一直在尋找一個解釋，沒有找到。 由於我在IIS中缺乏理解，我假設問題出在那裏，這裏有以下兩個問題：

1）爲什麼有這樣的區別？

2）如果IIS沒有按照我預期的方式響應，其他調試方法是否能夠正確響應，最終它有什麼關係？

謝謝!!!

A pic to show my code

.banner { 
    height: 350px; 
    width: 100%; 
    max-height: 50%; 
    max-width: 100%; 
    min-height: 20%; 
    min-width: 30%; 
    background-image: url('/ProfilePic/Profile.png'); 
    background-size: cover; 
} 

Answer 1

我這裏要小心 - 它肯定事確實 - 當您從舊MVC切換到核心，你會發現，對於問題2

答案您的「送達」文件將放在wwwroot文件夾中。

完全可能的是，您沒有參考您的CSS恰到好處（因爲它與正常的MVC文件結構不同）。另外，請務必使用相對路徑而不是絕對路徑。

看一看這裏：

正確：

<link href="~/css/site-internal.min.css" rel="stylesheet" /> 

錯誤：

<link href="~/wwwroot/css/site-internal.min.css" rel="stylesheet" /> 

<link href="http://localhost:5000/css/site-internal.min.css" rel="stylesheet" /> 

可能是你的問題是不相關的，但它是值得留意無論如何。

編輯

你的CSS的絕對應該能夠不考慮你運行程序無論怎樣加載。

順便說一句 - IIS選項允許您調試並瀏覽您的JS，並且可能非常有用。

你想在這裏做的是進入你的瀏覽器開發工具（F12大多數時間），並去看你的CSS是否得到正確解決 - 你可以繼續，一旦你知道你的問題是什麼。

通常，如果出現錯誤的加載CSS，你港島線得到直接在瀏覽器控制檯

編輯＃2

當您的問題聲明的進一步讀取錯誤的過程 - 我認爲這可能是你的CSS加載正確，但你的圖片網址有問題。

請檢查第一個答案here

一個CSS文件中的圖像的URL是相對的CSS文件的路徑。

因此您的解決方案將是這樣的：

../ProfilePic/Profile.png 

的..向上移動一個級別。