(最小)端点不处理Vue3应用程序的请求

Question

我使用的是带有最小API端点的AspDotNet6WebAPI，而不是控制器。当我使用代理在Visual中运行我的Vue3应用程序时，Vue3应用程序成功加载。但是，如果我尝试访问API端点，does将不处理它。相反，Vue3应用程序只是简单地呈现。

下面是一个示例Program.cs文件：

var app = builder.Build();

app.MapGet("/api/my-endpoint", () =>
{
    return "Hello world from API";
});

if (app.Environment.IsDevelopment())
{
    app.UseSpa(spaBuilder =>
    {
        spaBuilder.UseProxyToSpaDevelopmentServer("http://localhost:3000");
    });
}

app.Run();

如何复制：

• 在Visual中，点击F5启动应用程序，浏览器转到http://localhost:5000
• 我看到了标准的Vue3应用程序(很好)
• 如果我转到http://localhost:5000/api/my-endpoint，它仍然呈现Vue3应用程序，而不是呈现Hello world from API

这意味着，我的Vue3应用程序将无法击中任何端点，而这些端点是由Dot处理的。谢谢。

Answer 1

您需要将它们作为代理添加到您的vue.config.js中。就像这样。

module.exports = {
  devServer: {
    proxy: {
      '^/api': {
        target: 'http://localhost:3000',
        changeOrigin: true
      },
    }
  }
}

有关更多信息，请查看此文章。