技术栈

SyntaxError: Failed to execute ‘open‘ on ‘XMLHttpRequest‘: Invalid URL

wuzuyu3652025-08-28 16:46

这就是在ajax请求的时候URL不正确, 例如:

http://192.168.124.168:8082api/v1/task/get

正确的是这样的:

http://192.168.124.168:8082/api/v1/task/get

这个错误的来源是 baseUrl + apiUrl 导致的,

比如baseUrl = http://192.168.124.168:8082, apiUrl = api/v1/task/get

可以用一种安全的组装URL的方式,这样就不会有问题了:

new URL(apiUrl, baseUrl).href

上一篇:前端进阶必看!藏在浏览器与代码里的技巧
下一篇:Flutter 工程构架设计(MVVM + Repository)
相关推荐
爱敲代码的小鱼
4 小时前
AJAX(异步交互的技术来实现从服务端中获取数据):
前端·javascript·ajax
anOnion
10 小时前
构建无障碍组件之Alert Dialog Pattern
前端·html·交互设计
一个懒人懒人
12 小时前
Promise async/await与fetch的概念
前端·javascript·html
晚烛
1 天前
CANN + 物理信息神经网络(PINNs):求解偏微分方程的新范式
javascript·人工智能·flutter·html·零售
ۓ明哲ڪ
1 天前
网页视频倍速播放.
html
觉醒大王
1 天前
哪些文章会被我拒稿?
论文阅读·笔记·深度学习·考研·自然语言处理·html·学习方法
Never_Satisfied
2 天前
在JavaScript / HTML中,关于querySelectorAll方法
开发语言·javascript·html
夏幻灵
2 天前
HTML5里最常用的十大标签
前端·html·html5
热门推荐
01GitHub 镜像站点02Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services03openclaw配置教程(linux+局域网ollama)04UV安装并设置国内源05OpenClaw Chrome扩展使用教程 - 浏览器中继控制06Linux下V2Ray安装配置指南07Claude Code Skills 实用使用手册08Vue-skills的中文文档09一文了解国产算子编程语言 TileLang,TileLang 对国产开源生态的影响与启示10让 Trae IDE 智能体 “读懂”文档 Excel+PDF+DOCX :mcp-documents-reader 工具使用指南