.NET 6 MVC项目中cropper.js本地正常但IIS 10部署后无法工作的问题求助
.NET 6 MVC项目中cropper.js本地正常但IIS 10部署后无法工作的问题求助
我在.NET 6 MVC应用里用了cropper.js,本地跑起来一切正常,但部署到IIS上之后就失效了,麻烦各位帮忙排查下问题所在?
以下是我的_Layout.cshtml代码:
@using Microsoft.AspNetCore.Identity @using Memayo.ViewModels @using Microsoft.AspNetCore.Http @using System.Security.Claims @inject SignInManager<AppUser> SignInManager @inject UserManager<AppUser> UserManager @inject IHttpContextAccessor HttpContextAccessor @{ var userId = HttpContextAccessor.HttpContext.User.FindFirstValue(ClaimTypes.NameIdentifier); var user = userId != null ? await UserManager.FindByIdAsync(userId) : null; var avatarUrl = user?.Avatar != null ? $"/images/uploads/small/{user.Avatar}" : "/images/default-avatar.png"; } <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>@ViewData["Title"] - Memayo</title> <link rel="stylesheet" href="~/bootstrap/css/bootstrap.min.css" /> <link rel="stylesheet" href="~/css/site.css" /> <link href="~/css/memayo.css" rel="stylesheet" /> @* <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-eval';"> *@ @* <link href="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.12/cropper.min.css" rel="stylesheet" /> *@ <link href="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.6.2/cropper.min.css" rel="stylesheet" /> </head> <body> <header> <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3"> <div class="container"> <a class="nav-linkxx xxtext-dark" asp-controller="Home" asp-action="Index"> <img class="memayologo" src="~/images/logo.png" /> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="navbar-collapse collapse d-sm-inline-flex justify-content-between"> <ul class="navbar-nav flex-grow-1"> @if (SignInManager.IsSignedIn(User)) { @if (User.IsInRole("admin")) { <li class="nav-item"> <a class="nav-link text-lightx text-danger" asp-area="venus" asp-controller="AHome" asp-action="Index">Admin Area</a> </li> } else { <li class="nav-item"> <a class="nav-link" asp-controller="Yarn" asp-action="Index">Yarn</a> </li> <li class="nav-item"> <a class="nav-link" asp-controller="Question" asp-action="Index">Chapters</a> </li> <li class="nav-item"> <a class="nav-link" asp-controller="Photo" asp-action="Index">Photos</a> </li> <li class="nav-item"> <a class="nav-link" asp-controller="YourQuestion" asp-action="Index">My Q&A</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Friends</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" asp-controller="Friend" asp-action="Index">Friends List</a></li> <li><a class="dropdown-item" asp-controller="Friend" asp-action="Requests">Friend Requests</a></li> <li><a class="dropdown-item" asp-controller="Friend" asp-action="Search">Search for Friends</a></li> </ul> </li> } } </ul> <ul class="navbar-nav"> @if (SignInManager.IsSignedIn(User)) { <li class="nav-item dropdown"> <a class="nav-link d-flex align-items-center gap-2" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <div class="rounded-circle overflow-hidden" style="width: 38px; height: 38px;"> @if (user?.Avatar != null) { <img src="@avatarUrl" alt="User Avatar" class="w-100 h-100 object-fit-cover" /> } else { <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" class="w-100 h-100"> <circle cx="64" cy="64" r="64" fill="#E2E8F0" /> <path d="M64 36c7.732 0 14 6.268 14 14s-6.268 14-14 14-14-6.268-14-14 6.268-14 14-14zM64 70c18.778 0 34 8.222 34 20v8c0 2-2 2-2 2H32s-2 0-2-2v-8c0-11.778 15.222-20 34-20z" fill="#94A3B8" /> </svg> } </div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" /> </svg> </a> <ul class="dropdown-menu dropdown-menu-end"> <li><a class="dropdown-item" asp-controller="MyProfile" asp-action="Profile">Profile</a></li> <li><a class="dropdown-item" asp-controller="MyProfile" asp-action="Avatar">Avatar</a></li> <li><hr class="dropdown-divider"></li> <li><a class="dropdown-item" asp-controller="account" asp-action="Logout">Logout</a></li> </ul> </li> } else { <li class="nav-item"> <a class="nav-link text-dark" asp-controller="account" asp-action="Register">Register</a> </li> <li class="nav-item"> <a class="nav-link text-dark" asp-controller="account" asp-action="Login">Login</a> </li> } </ul> </div> </div> </nav> </header> <div class="container"> <main role="main" class="pb-3"> <partial name="_MessagePartial" /> @RenderBody() </main> </div> <footer class="border-top footer text-muted"> <div class="container"> <partial name="_VersionPartial" /> <a asp-controller="Home" asp-action="Privacy">Privacy</a> | <a asp-controller="Home" asp-action="Terms">Terms& </body> </html>
备注:内容来源于stack exchange,提问作者niico
相关产品推荐
相关产品推荐

