POST http://localhost:8080/Project/apply_active 404 (Not Found)

问题描述：
今天用layUI前端框架写了一个页面，在进行表单数据提交的时候出现了404的问题，这里数据提交使用到了AJAX异步提交方式。在之前用js写页面的时候ajax使用比较多，今天第一次将它结合layUI进行使用，加上layUI也是第一次使用，项目里出现这个问题让我觉得很懵，一直没找到问题的根源。

前端提交按钮：

<div class="layui-form-item" style="text-align:center;margin:0 auto">
 <button type="submit" class="layui-btn" lay-submit="" lay-filter="submit"
    id="button">我要申请</button>
</div>

前端数据提交：

layui.use([ 'form', 'layedit', 'laydate','upload','layer' ], function() {
			var form = layui.form;
			var $ = layui.jquery;
			layer = layui.layer,
			 layedit = layui.layedit,
			laydate = layui.laydate,
			form.on('submit(submit)', function(data) {
				$.ajax({
					url : "apply_active",
					method : "post",
					data : data.field,
					dataType : "json",
					success : function(data) {
						layer.alert(data);
					},
					error : function() {

					}
				});

				return false;
			});

后台接收：

@Controller
public class ActiveController {

	
	@RequestMapping("/apply_active")
	@ResponseBody
	public void ActiveApply(Active active){
		System.out.println("活动来了");
		
		
	
	}
}

这里会是什么原因导致前台报了404，有哪位大佬知道吗？