// app.module.ts
@NgModule({
  imports: [
    RouterModule.forRoot(routes),
    HttpClientModule
  ],
  providers: [
    { provide: APP_BASE_HREF, useValue: '/' }
  ]
})

// api.service.ts
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable({
  providedIn: 'root'
})
export class ApiService {
  private apiUrl = 'https://yourdomain.com/api'; // 替换为你的API地址

  constructor(private http: HttpClient) { }

  getData() {
    return this.http.get(`${this.apiUrl}/values`);
  }
}

// WebApiConfig.cs
public static class WebApiConfig
{
    public static void Register(HttpConfiguration config)
    {
        // 启用属性路由
        config.MapHttpAttributeRoutes();

        // 传统路由
        config.Routes.MapHttpRoute(
            name: "DefaultApi",
            routeTemplate: "api/{controller}/{id}",
            defaults: new { id = RouteParameter.Optional }
        );
    }
}

// ValuesController.cs
[RoutePrefix("api/values")]
public class ValuesController : ApiController
{
    // GET api/values
    [HttpGet]
    [Route("")]
    public IEnumerable<string> Get()
    {
        return new string[] { "value1", "value2" };
    }

    // GET api/values/5
    [HttpGet]
    [Route("{id}")]
    public string Get(int id)
    {
        return "value";
    }
}

// 在Global.asax.cs或Startup.cs中添加以下代码
protected void Application_BeginRequest(object sender, EventArgs e)
{
    var path = Request.Url.AbsolutePath;
    if (!System.IO.File.Exists(Context.Server.MapPath(path)) 
        && !path.StartsWith("/api/") 
        && !path.StartsWith("/assets/"))
    {
        Context.RewritePath("/index.html");
    }
}

// 在WebApiConfig.cs中
config.EnableCors(new EnableCorsAttribute("*", "*", "*"));