解决vue报错TypeError: Cannot read property ‘protocol’ of undefined

本文主要讲解关于如何解决vue报错TypeError: Cannot read property ‘protocol’ of undefined问题相关内容，让我们来一起学习下吧！

问题描述

在vue项目中出现错误信息，如下所示：

isURLSameOrigin.js?3934:57 Uncaught (in promise) TypeError: Cannot read property 'protocol' of undefined
    at isURLSameOrigin (isURLSameOrigin.js?3934:57)
    at dispatchXhrRequest (xhr.js?b50d:103)
    at new Promise (<anonymous>)
    at xhrAdapter (xhr.js?b50d:11)
    at dispatchRequest (dispatchRequest.js?5270:59)

报错原因

可能是引用axios代码出现了问题，我们需要查看根目录main.js中引入axios的代码，是否如下所示，如果是我们就需要修改：

程序员导航

优网导航旗下整合全网优质开发资源，一站式IT编程学习与工具大全网站

立即访问

import axios from 'axios'

Vue.use(axios)

解决办法

我们看下正确引入axios写法：

import axios from 'axios'

Vue.prototype.axios = axios

这样修改过后，再去运行vue项目发现就正常了，报错也解决了。

以上就是关于如何解决vue报错TypeError: Cannot read property ‘protocol’ of undefined问题相关的全部内容，希望对你有帮助。欢迎继续关注潘子夜个人博客，学习愉快哦！