解决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的代码，是否如下所示，如果是我们就需要修改：

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问题相关的全部内容，希望对你有帮助。欢迎继续关注潘子夜个人博客，学习愉快哦！