【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代码就解决了.

相关推荐
我命由我123452 天前
软件开发 - 避免过多的 if-else 语句(使用策略模式、使用映射表、使用枚举、使用函数式编程)
java·开发语言·javascript·设计模式·java-ee·策略模式·js
第七种黄昏3 天前
大事件项目拆解:登录访问拦截实现详解
前端框架·vue·js
PineappleCode11 天前
用 “私房钱” 类比闭包:为啥它能访问外部变量?
前端·面试·js
上单带刀不带妹21 天前
Web Worker:解锁浏览器多线程,提升前端性能与体验
前端·js·web worke
qq_三哥啊22 天前
【HTML】<script>元素中的 defer 和 async 属性详解
html·js
我命由我123451 个月前
VSCode - VSCode 快速跳转标签页
开发语言·前端·ide·vscode·编辑器·html·js
结衣结衣.1 个月前
Vue3入门-计算属性+监听器
前端·javascript·vue.js·vue·js
草履虫建模1 个月前
前后端分离项目中的接口设计与调用流程——以高仙机器人集成为例
java·前端·spring boot·机器人·intellij-idea·ruoyi·js
年纪轻轻就扛不住1 个月前
Express 入门指南(超详细教程)
前端·前端框架·node.js·express·js
伍哥的传说1 个月前
React 实现五子棋人机对战小游戏
前端·javascript·react.js·前端框架·node.js·ecmascript·js