关于htmx中hx-get="/contact/1/edit"路径及404错误的技术咨询
关于htmx
hx-get="/contact/1/edit" 的疑问解答 - 不需要创建
contact/1文件夹和edit.html静态文件。hx-get="/contact/1/edit"是htmx向后端发起的HTTP GET请求,目标是后端服务中定义的路由端点,而非本地文件系统里的静态文件路径。 - 你当前仅搭建前端、没有后端服务支撑,本地服务器无法识别这个路由对应的处理逻辑,因此返回404错误。
- 如果想先在纯前端环境验证htmx功能,可以用静态文件模拟:
- 在站点根目录创建
contact/1目录结构,在其中放置edit.html文件(内容可以是简单的HTML片段,比如<p>联系人编辑表单</p>)。 - 将
hx-get属性修改为指向静态文件的相对路径:hx-get="contact/1/edit.html",此时本地服务器就能找到文件并返回内容。
- 在站点根目录创建
- 后续对接Django时,你需要在Django项目中定义
/contact/1/edit的路由,编写视图函数处理该请求并返回对应的HTML片段,htmx会自动将返回内容替换到页面的指定位置。
内容的提问来源于stack exchange,提问作者Shahab
相关产品推荐
相关产品推荐

