本地开发环境中data.jsx内a标签链接跳转报错问题咨询
问题分析与解决
- 你的问题不是本地环境导致的,部署后也不会自动修复,核心是a标签的
href属性写法错误。 - 你写的
href="www.example.com"没有指定协议头(http/https),浏览器会把它当成相对路径处理:- 本地开发时,点击会跳转到
localhost:5173/www.example.com,这个路径不存在,所以报错; - 部署上线后,浏览器会跳转到你的网站域名下的
www.example.com路径(比如yourdomain.com/www.example.com),同样不存在,还是会出错。
- 本地开发时,点击会跳转到
修复方法
把a标签的href改成带协议头的完整地址:
desc: <a href="https://www.example.com">Click Here</a>,
这样不管是本地开发还是部署后,浏览器都会正确识别这是外部链接,跳转到目标网站。
内容的提问来源于stack exchange,提问作者Santa
相关产品推荐
相关产品推荐

