vue用axios解决跨域问题遇到：Cannot read property ‘get‘ of undefined！

最新推荐文章于 2024-10-19 09:34:59 发布
原创 最新推荐文章于 2024-10-19 09:34:59 发布 · 6.2k 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

博客作者最初在Vue项目中遇到axios导入问题，错误地采用了网上的错误解决方案。经过搜索，找到了正确的引入方式，即通过将axios挂载到Vue原型上实现。正确的代码片段为：import axios from 'axios'; Vue.prototype.$axios = axios。

一开始我是忘记引入axios了，就在网上搜了一下,搜到的答案如下（是错误的，是错误的，是错误的！！）

import axios from 'axios'
import VueAxios from 'vue-axios'

Vue.use(VueAxios, axios)

引入之后还是报错，就又去搜了一下怎么解决的问题
后来发现正确的写法是这样的

import axios from 'axios'
Vue.prototype.$axios = axios
lreedom
关注
Nuxt - asyncData / fetch 请求数据控制台报错 Cannot read properties of undefined (reading ‘data‘) 也可能报其他未定义
🏆 前端领域优质创作者
07-08 4338
今天初次配置并使用asyncData/fetch请求异步数据时，发现控制台报了一个错误（如题），当时一看懵了，这哪有什么`data`不存在啊，于是将矛头指向了该页面组件的`data`与模板，发现并首先，您必须确保请求路径及跨域等配置正常，并且能正常在钩子中请求。因为请求在服务端完成请求！！！，其环境并没有window/document等对象，当遇到这些“无法识别”的对象时，就会抛出这个错误（如题）。所以您的请求配置那块，如果用到了相关对象或语法，请使用环境变量判断一下。
前端开发②（vue 和 Axios）
m0_53698336的博客
12-02 1472
Vue.js的基本认识 Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式（核心 + 扩展）框架。 Vue 只关注视图层， 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 Vue.js 就是一个 MVVM 的实现者，他的核心就是实现了 DOM 监听 与 数据绑定。 MVVM MVVM（Model-View-ViewModel）是一种软件架构设计模式。 把Model和View关联起来的就是ViewModel。Vie
VUE3 全局使用aixos，解决Cannot read property ‘get‘ of undefined的问题
aj951225的博客
04-08 8271
原因：axios 不能像其他组件一样通过 Vue.use() 直接被引用 一、安装 npm install axios --save 二、在main.js插入import axios from ‘axios’ import { createApp } from 'vue' import App from './App.vue' import axios from 'axios' const app = createApp(App) app.config.globalProperties.$axios =
请求get接口时：Cannot read properties of undefined (reading ‘get‘)
weixin_73330221的博客
10-19 1509
是否与我以上情况一样，现在跟我一起把这个问题解决吧！1.先检查main.js页面的引用。
当 vue3 全局挂载 axios 遇到 Cannot read property ‘get‘ of undefined
11-12 5107
第一步：先安装axios yarn add axios / npm install axios ##main.js import { createApp } from 'vue' import App from './App.vue' import router from './router' import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' import print from 'vue3-pri.
Vue报错（Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘get‘)）
热门推荐
weixin_56122911的博客
03-30 4万+
vue的常见报错 1：报错信息如下： 原因是因为axios没有成功的引入，导致的。 2：错误的引入如下 3：正确的引入如下
学习记录368@axios 会报错“Uncaught TypeError: Cannot read property ‘get‘ of undefined”
教练我想学编程
12-17 1119
转载 亲测有效 详细】VUE中使用axios (Error in mounted hook: “TypeError: Cannot read property ‘XXX’ of undefined” 解决)
vue3和axios打起来报错uncaught typeerror: cannot read property ‘use‘ of undefined at...的详细解决方案
weixin_53156322的博客
03-11 3200
本文实乃匠心之作，全程干货，希望能帮到大家。 在做springboot整合vue的前后端分离项目时遇到此问题。 搜了一下，别人是这样说的：根本原因是 引入的axios库是使用vue2.0开发的一套组件库，而我们当前的项目为vue3，所有存在兼容性的问题。 网上的解决方案也都试了一遍，问了前端的小伙伴他也不知道，但是它建议我用vue2再来，我不服，没人踩这坑，我拼了半条命也要给他填了。 首先，如果你是简单的项目，axios调用也只有一个弹窗测试，那么你可以这样做。 注释掉就可以了，你就会发现可以用。
TypeError: Cannot read property 'content-disposition' of undefined
最新发布
12-09
在Vue文件流下载时出现 `TypeError: Cannot read property 'content-disposition' of undefined` 错误，意味着代码尝试从一个未定义的对象上读取 `content-disposition` 属性，通常是响应头未正确获取导致的。...
Tb.vue:29 TypeError: Cannot read properties of undefined (reading '_wrapper') at remove (vue.runtime.esm.js:7090:11) at updateListeners (vue.runtime.esm.js:1876:7) at updateDOMListeners (vue.runtime.esm.js:7102:3) at Array.destroy (vue.runtime.esm.js:7110:12) at invokeDestroyHook (vue.runtime.esm.js:6388:62) at invokeDestroyHook (vue.runtime.esm.js:6392:9) at VueComponent.patch [as __patch__] (vue.runtime.esm.js:6698:28) at Vue.$destroy (vue.runtime.esm.js:3720:8) at destroy (vue.runtime.esm.js:4316:27) at invokeDestroyHook (vue.runtime.esm.js:6387:57) <template> <div class="download-component"> <button class="download-button" @click="downloadZip">下载压缩包</button> </div> </template> <script> import axios from 'axios'; export default { name: 'TbComponent', methods: { downloadZip() { axios({ url: 'http://10.70.19.171:8889/ax/download?id=100', method: 'GET', responseType: 'blob', // 设置响应类型为 blob }) .then((response) => { const url = window.URL.createObjectURL(new Blob([response.data])); const link = document.createElement('a'); link.href = url; link.setAttribute('download', 'downloaded_file.zip'); // 设置下载文件名 document.body.appendChild(link); link.click(); document.body.removeChild(link); }) .catch((error) => { console.error('下载失败:', error); }); }, }, }; </script> <style scoped> .download-component { display: flex; justify-content: center; align-items: center; height: 100vh; /* 让组件在垂直方向上占据整个视口高度 */ } .download-button { padding: 12px 24px; font-size: 16px; font-weight: bold; color: white; background-color: #007BFF; border: none; border-radius: 4px; cursor: pointer; transition: background-color 0.3s ease; } .download-button:hover { background-color: #0056b3; } .download-button:active { background-color: #003d80; } </style>
09-16
Vue 中，不要在选项 property 或回调上使用箭头函数，因为箭头函数并没有 `this`，`this` 会作为变量一直向上级词法作用域查找，直至找到为止，经常导致 `Uncaught TypeError: Cannot read property of undefined` ...
vue Cannot read property 'get' of undefined
Irene1991的博客
01-02 3774
vue Cannot read property 'get' of undefined 除了忘记引入vue-resource 还可能是this的指向性发生了改变 handleDel:function(id){ let that = this; parent.layer.confirm('确认删除？', { btn: ['确认','取消'], ...
Cannot read property 'get' of undefined in Vue
wangshuai33的博客
11-23 1万+
我使用的是Vue框架，渲染用的是axios。 在已经安装axios包和已经写好axios.js文件的前提下使用axios时报Cannot read property 'get' of undefined"错误， 后来发现是因为没有在nuxt.config.js的modules中引入axios，如图引入后不会在报错。 ...
axios：TypeError: Cannot read properties of undefined
qq_38432089的博客
03-31 4797
1、背景 从api获取数据，发现无法解析该json对象中的属性值。 以下是json数据的部分内容： {“content”: { “[{“id” : 1 ,\n “title” : “第一篇博客” ,\n “content” : “这是一篇美食博客，广州早茶的红米肠是我最喜欢的美食之一”,\n “type” : “food”\n}]”}} 2、解决 （1）打印数据类型，发现是string （2）转为object this.axios.get('这里是一个api').then(res=>{ /
axios报错 xhr.js:83 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘to
ourring的博客
07-05 889
大大
在Vue中使用echarts/axios，解决“TypeError: Cannot read property ‘....‘ of undefined”报错
weixin_59191887的博客
11-20 1643
console.log（this.$echarts） console.log（this.$axios） 你会发现，打印出来是undefined,为什么呢？ 去看看 main.js import { createApp } from 'vue' import App from './App.vue' import router from './router' import axios from 'axios' import * as echarts from 'echarts' import "../
Vue项目运行报错：Cannot read properties of undefined (reading ‘install‘)
m0_74152912的博客
05-20 1173
在做vue2项目时出现如下错误，页面空白且控制台出现如下错误报错原因：vue-router安装的版本太高，一般vue2的项目对应的版本是vue-router@3版本解决办法：在控制台输入： cnpm install --save vue-router@3.5.3 重新安装vue-router即可解决
vue中二次封装时引入store里数据报错的问题 Uncaught TypeError: Cannot read properties of undefined (reading ‘getters‘)
weixin_57748417的博客
05-12 4395
vue中二次封装时引入store里数据报错的问题 Uncaught TypeError: Cannot read properties of undefined (reading 'getters')
Vue2.0 axios报错： Cannot read property 'protocol' of undefined
Pany的博客
06-14 2万+
错误代码如下：（但是项目还是可以run）Uncaught (in promise) TypeError: **Cannot read property 'protocol' of undefined**
解决axios发送请求报错：Cannot read properties of undefined (reading ‘cancelToken‘)
weixin_53368033的博客
12-22 2530
代码报错不一定是接口不能访问，有可能是自己不小心写错
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值