为什么wwwroot文件夹下的js、css、lib没有加载？

Question

我制作了一个简单的ASP MVC（Net Core 3.1），将其作为标准化，并在Apache的子文件夹（/var/www/www/html/html/myapps/test/test/v1`）

I 下部署。启动kestrel而没有任何错误，我访问页面（即https://example.com/myapps/test/v1），但显示了所有CSS，JS，LIB，lib in （err_aborted 404（找不到），我看到它们已经在www-root文件夹中。

bootstrap.min.css
site.css
bootstrap.bundle.min.js
site.js
content.bundle.js
content.js

我想念什么？

试图访问https://example.com/myapps/test/test/v1）） ，它显示了一些CSS，JS，LIB不能正确加载（err_abort 404（找不到），我看到它们已经在www-root文件夹中。

我的startup.cs

public class Startup
    {
        public Startup(IConfiguration configuration)
        {
            Configuration = configuration;
        }

        public IConfiguration Configuration { get; }

        // This method gets called by the runtime. Use this method to add services to the container.
        public void ConfigureServices(IServiceCollection services)
        {
            services.AddControllersWithViews();
        }

        // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
        public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
        {
            if (env.IsDevelopment())
            {
                app.UseDeveloperExceptionPage();
            }
            else
            {
                app.UseExceptionHandler("/Home/Error");
                // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
                app.UseHsts();
            }

            app.UseHttpsRedirection();
            app.UseStaticFiles();

            **// Have Tried this**
            app.UsePathBase("/myapps/test/v1");

            app.UseRouting();

            app.UseAuthorization();

            app.UseEndpoints(endpoints =>
            {
                endpoints.MapControllerRoute(
                    name: "default",
                    pattern: "{controller=Home}/{action=Index}/{id?}");
            });
        }

 [Unit]
 Description=.NET Web Application on Linux

 [Service]
 WorkingDirectory=/var/www/html/myapps/test/v1
 ExecStart=/usr/bin/dotnet 
 /var/www/html/myapps/test/v1/WebApplication4.dll
 Restart=always
 # Restart service after 10 seconds if the dotnet service crashes:
 RestartSec=10
 KillSignal=SIGINT
 SyslogIdentifier=dotnet-example
 User=root
 Environment=ASPNETCORE_ENVIRONMENT=Production
 Environment=DOTNET_PRINT_TELEMETRY_MESSAGE=false

在 下方apache httpd.conf

＆lt; virtualHost *：443＆gt;

ServerName apps.example.com
ServerAlias apps.example.com
ServerAdmin [email protected]

DocumentRoot /var/www/html

<Directory /var/www/html>
    Options -Indexes +FollowSymLinks
    AllowOverride All
</Directory>

ProxyPreserveHost On

<Location /myapps/test/v1/>
  ProxyPass http://localhost:5003/
  ProxyPassReverse http://localhost:5003/
  Require all granted
</Location>

Answer 1

如果您将应用程序托管在子路径 /myapps/test/v1 下，那么您将需要配置 ASP.NET Core 应用程序，以便它知道。您可以使用 Configure 方法开头的 UsePathBase 方法来执行此操作：

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    app.UsePathBase("/myapps/test/v1");

    // …

这样，Razor 将知道生成应用程序相对路径（例如 ~/bootstrap .min.css) 相对于配置的路径基础。因此，浏览器知道在 /myapps/test/v1/bootstrap.min.css 中查找文件，而不仅仅是 /bootstrap.min.css。

---

在您的 Apache 配置中，尝试设置 ProxyPreserveHost On 以便 Apache 传递真实主机名而不是内部本地主机地址。这应该允许 ASP.NET Core 应用程序识别出它是在外部托管的，并且在 Razor 视图中生成链接时使 UsePathBase 配置生效。