正确的网络API路由，但错误的请求网址

Question

在开发者工具上：http://localhost:xxx/Event/api/events/1＆lt; --- 404

正确的路线：http://localhost:7688/api/events/1

 public static class WebApiConfig
    {
        public static void Register(HttpConfiguration config)
        {
            var settings = config.Formatters.JsonFormatter.SerializerSettings;
            settings.ContractResolver = new CamelCasePropertyNamesContractResolver();
            settings.Formatting = Formatting.Indented;

            config.MapHttpAttributeRoutes();

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

我的js

 @section scripts{
        <script>
                $(document).ready(function () {
                    $("#events .js-join").on("click", function () {

                        $.ajax({
                            url: "api/events/" + $(this).attr("data-event-id"),
                            method: "PUT",
                            success: function () {
                                alert("Saved successfully");
                            }
                        });
                    });


                });
        </script>

    }

我可以使用邮递员走正确的路线，并且我已经验证了我的api正在运行。