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

相关推荐
珊瑚怪人8 小时前
分享一个Edge浏览器播放H265 RTSP流的问题,涉及到ZLMediaKit、WebRTC
音视频·视频·js·zlmediakit·视频流处理
双普拉斯1 天前
打造工业级全栈文件管理器:深度解析上传、回收站与三重下载流控技术
spring·vue·js
zhensherlock2 天前
Protocol Launcher 系列:Overcast 一键订阅播客
前端·javascript·typescript·node.js·自动化·github·js
拆房老料4 天前
5分钟上手 OnlyOffice 连接器,打通业务系统与文档编辑器
编辑器·开源软件·js
zhensherlock9 天前
Protocol Launcher 系列:Mail Assistant 轻松发送 HTML 邮件
前端·javascript·typescript·node.js·html·github·js
cuoluoche9 天前
postman接口请求response是base64-图片这类的可视化。
js
Huanzhi_Lin10 天前
关于V8/MajorGC/MinorGC——性能优化
javascript·性能优化·ts·js·v8·新生代·老生代
百撕可乐10 天前
WenDoraAi官网NextJS实战03:项目插件与Header组件
react.js·js
我命由我1234511 天前
React - 组件优化、children props 与 render props、错误边界
前端·javascript·react.js·前端框架·html·ecmascript·js
我命由我1234513 天前
在 React 项目中,配置了 setupProxy.js 文件,无法正常访问 http://localhost:3000
开发语言·前端·javascript·react.js·前端框架·ecmascript·js