Vue报错 TypeError Cannot read properties of undefined (reading ‘protocol‘)

最新推荐文章于 2024-09-28 16:24:16 发布

geejkse_seff

最新推荐文章于 2024-09-28 16:24:16 发布

阅读量2.6k

点赞数

分类专栏：前端 html 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/geejkse_seff/article/details/123372874

版权

本文介绍了Vue中遇到的`TypeError: Cannot read properties of undefined (reading 'protocol')`错误，重点分析了错误原因及正确的axios引入方式。通过对比`Vue.use`和`Vue.prototype`的区别，强调对于非Vue官方库，如axios，应当将其挂载到Vue.prototype上以供所有组件使用。

摘要由CSDN通过智能技术生成

Vue报错: Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘protocol’)

报错信息:

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'protocol')
at isURLSameOrigin (isURLSameOrigin.js?3934:57)
at dispatchXhrRequest (xhr.js?b50d:145)
at new Promise (<anonymous>)
at xhrAdapter (xhr.js?b50d:15)
at dispatchRequest (dispatchRequest.js?5270:58)
at Axios.request (Axios.js?0a06:108)
at wrap (bind.js?1d2b:9)
at Function.Vue.use (vue.runtime.esm.js?2b0e:5123)
at eval (main.js?56d7:17)
at Module../src/main.js (app.js:1134)

问题原因，main.js中引用axios区别:

import axios from “axios”;

Vue.use(axios);
正确写法:

import axios from “axios”;

Vue.prototype.axios = axios;