【axios报错异常】: Uncaught ReferenceError: axios is not defined

问题描述:

当前代码在vivo手机和小米手机运行是正常的,点击分享按钮调出相关弹框,发送接口进行分享,但是现在oppo手机出现了问题: 点击分享按钮没有反应.

问题解析:

安卓同事经过查询后,发现打印了错误:

但是不清楚这个问题是安卓端造成的还是前端造成的,大家都不清楚.

问题解决:

axios报错异常: Uncaught ReferenceError: axios is not defined

前端请求代码片段:

javascript 复制代码
axios.get(url)
	.then(function(result){
		 //获取返回值 promise对象
		 console.log(result)
		 //若想获取服务器的返回值则使用 .data属性
		 console.log(result.data)
	 })

问题分析

axios 请求需要 axios.js脚本/插件支持,缺省该事务即报错该类异常

解决方案

方案1:引用公域网络的 axios.js 资源,这里记录RUNOOB.COM官网推荐的两个引用方法:

html 复制代码
使用 cdn:
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
或
<script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>

不足之处:项目启动时需确保主机处于联网状态,建议本地备份此文件做相对路径的引用比较稳妥。

方案2:本地引用 axios.js 资源

  1. 先制作本地 axios.js 资源
    如上,复制并访问

测试

html 复制代码
   测试OK

问题解决了,我在代码中加上了<script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>这段axios的js代码就解决了.

相关推荐
. . . . .4 天前
EJS模板引擎
js
shawxlee9 天前
vue3在public下封装config.js自定义配置动态数据,可在打包后直接修改,方便后端部署及后续维护
前端·javascript·经验分享·vue·团队开发·js·项目优化
陆康永10 天前
JavaScript 数组填充:Array.from 与 Array.fill 用法详解及核心区别
js·array
熊猫钓鱼>_>12 天前
ArkTS 方舟编程语言 · 原创快速入门教程
运维·架构·ts·harmonyos·arkts·鸿蒙·js
sugar__salt14 天前
Document 切割:RAG 知识库数据预处理实战
javascript·langchain·embedding·js·rag·cheerio
rockey62715 天前
基于AScript的JavaScript脚本语言发布啦
javascript·c#·.net·js·script
天若有情67318 天前
前端性能优化:从“按下预加载”到“AI级智能预判系统”
前端·性能优化·js·active·hover·首屏加载
H Journey19 天前
web开发学习:html、css、js
前端·css·html·js
Java小学生丶23 天前
分享一个 JS 鼠标跟随贪吃蛇背景库
js·美化
保持当下1 个月前
分享一些程序员很棘手但是却又简单的工具
程序员·免费·js·工具