在 IIS 上运行 MVC 应用程序的行为与运行 Visual Studio localhost 不同

Question

我将 asp.net mvc 应用程序部署为 IIS 中一个网站下的应用程序。

控制器：

public ActionResult Index()
{
    List<SelectListItem> ddlCountry = countryService.GetCountries().Select(d => new SelectListItem() { Text = d.Name, Value = d.Id.ToString() }).ToList();
    ddlCountry.Insert(0, new SelectListItem() { Text = string.Empty, Value = string.Empty });
    ViewData["ddlCountry"] = ddlCountry;
}

public ActionResult GetCities(int Id)
{
    if (!Convert.ToBoolean(ConfigurationManager.AppSettings["InDev"]))
    {
        return Redirect("http://example.com/");
    }
    var list = cityService.GetCities(Id).Select(d => new {Id = d.Id, Name = d.Name }).ToList();
    return Json(list, JsonRequestBehavior.AllowGet);
}

查看：

<tr>
    <td>@Html.LabelFor(model => model.CountryId, "Country Name")</td>
    <td>@Html.DropDownListFor(model => model.CountryId, ViewData["ddlCountry"] as List<SelectListItem>)</td>
    <td>@Html.ValidationMessageFor(model => model.CountryId)</td>
</tr>

<tr>
    <td>@Html.LabelFor(model => model.CityId, "City Name")</td>
    <td>@Html.DropDownListFor(model => model.CityId, ViewData["ddlCity"] as List<SelectListItem>)</td>
    <td>@Html.ValidationMessageFor(model => model.CityId)</td>
</tr>

JavaScript：

$(document).ready(function () {

    $('#CountryId').change(function () {
        loadDropDown("CityId", "BookingRequest/GetCities/" + $('#CountryId').val())
        $('#AreaId').html($('<option></option>').val("").html(""));
    });

    function loadDropDown(destinationId, Url) {
        $.getJSON(Url, function (data) {
            $('#' + destinationId).html($('<option></option>').val("").html(""));
            $.each(data, function (index, item) {
                $('#' + destinationId).append(
                     $('<option></option>').val(item.Id).html(item.Name)
                 );
            });
        });
    }
});

当我将它作为网站下的应用程序部署到 IIS 时，它会正确加载城市。 URL 就像http://www.example.com/applicationname/BookingRequest。并且当我更改国家/地区下拉值时，它会执行 get on http://www.example.com/applicationname/BookingRequest/GetCities/2 并且一切正常。

但是当我在 Visual Studio 上运行它并更改它在错误 URL 上执行 getCities 的国家/地区时：http://localhost:506084/BookingRequest/BookingRequest/GetCities/2

我的问题是为什么这在从 Visual Studio 运行的 localhost 和 IIS 上表现不同？是因为在 IIS 的网站内部署为 Web 应用程序吗？还是和我的浏览器有关？

这是来自 IE 的 Web 开发工具的请求的快照。

Answer 1

要在下面的 MVC 中获得正确的相对路径，我们需要做以下事情。

在 MVC 视图中：

<script>
var strUrl = '@Url.Action("actionName", "controllerName")';
</script>

在 Javascript 中：

获取该变量“strUrl”并在您的 ajax 代码中使用。

$.ajax({
 type: "GET",
 url: strUrl ,
 contentType: "application/json; charset=utf-8",
 dataType: "html",
 success: function (data) {

});

Answer 2

您似乎在项目设置中输入了 IIS Express 的写入网址。

打开您的 Web 项目的属性并转到“Web”选项卡并将“Project Url”从http://localhost:506084/BookingRequest/ 更改为http://localhost:506084/ 或http://localhost:506084/applicationname。

但不管它是否在应用程序文件夹中，MVC Webapps 中的 url 应该始终相对于应用程序路径（使用 ~/Relative/Url/Here）。

话虽如此...不要在代码中硬编码您的根 URL。使用return Redirect("/")（域根）或return Redirect("~/")（应用程序根）。

Answer 3

您需要指定应用程序的基本 url。为此，您需要在每个页面上添加标签，或者可能在 _Layout 页面上添加标签。

例如：

<base href="Root URL of you aplication" />

请注意，这应该与您在浏览器中看到的根 url 匹配。

这样您的应用程序将始终引用正确的根路径。