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

前端 潘老师 2个月前 (12-18) 54 ℃ (0) 扫码查看

本文主要讲解关于如何解决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问题相关的全部内容,希望对你有帮助。欢迎继续关注潘子夜个人博客,学习愉快哦!


版权声明:本站文章,如无说明,均为本站原创,转载请注明文章来源。如有侵权,请联系博主删除。
本文链接:https://www.panziye.com/front/12603.html
喜欢 (0)
请潘老师喝杯Coffee吧!】
分享 (0)
用户头像
发表我的评论
取消评论
表情 贴图 签到 代码

Hi,您需要填写昵称和邮箱!

  • 昵称【必填】
  • 邮箱【必填】
  • 网址【可选】