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

相关推荐
棋子一名1 天前
跑马灯组件 Vue2/Vue3/uni-app/微信小程序
微信小程序·小程序·uni-app·vue·js
EterNity_TiMe_3 天前
上手 Rokid JSAR:新手也能快速入门的 AR 开发之旅
ar·js·rokid
TeleostNaCl4 天前
实战 | 使用 Chrome 开发者工具修改网页源码跳过前端校验
前端·chrome·经验分享·后端·js
吹晚风吧9 天前
什么是跨域?跨域怎么解决?跨域解决的是什么问题?
java·vue.js·js·cors
~无忧花开~12 天前
JavaScript学习笔记(十五):ES6模板字符串使用指南
开发语言·前端·javascript·vue.js·学习·es6·js
~无忧花开~12 天前
JavaScript学习笔记(十七):ES6生成器函数详解
开发语言·前端·javascript·笔记·学习·es6·js
一粒马豆16 天前
excel表格通过前端fetch上传至后端flask处理流程示例
前端·python·flask·excel·h5·js·fetch
恶猫1 个月前
javascript文本长度检测与自动截取,用于标题长度检测
javascript·css·css3·js·自动检测·文本长度
闲人编程1 个月前
前端形态与样式风格:从古典到现代的视觉语言演进
前端·css·状态模式·组件·js·风格·响应式
走,板砖去1 个月前
WeakMap 应用场景与示例
js