vue引入axios时main.js中的Vue.prototype.xxx= axios 报错

fuze990130 2020-09-08 08:35:36

为什么不能使用Vue.xxx呢，一直Vue is not defined

...全文

4367 11 打赏收藏转发到动态举报

写回复

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

qq_29845445 2022-05-17

打赏
举报

回复 1

少打游戏多读书

fuze990130 2022-05-17

举报

回复

@qq_29845445

超级大坏人 2021-05-04

打赏
举报

回复

哈哈哈，一年过去了你解决了吗

fuze990130 2022-05-17

举报

回复

@超级大坏人哈哈当时才大三小白现在肯定知道了呀

sousa_ 2023-03-14

举报

回复

@fuze990130 所以博主该怎么写

kerwin_1727 2021-04-21

打赏
举报

回复

麻烦看下文档

想成为大神的小子 2021-04-19

打赏
举报

回复

所以正确的应该怎么写

泡泡鱼_ 2020-12-13

打赏
举报

回复

晕，9月的贴子现在又顶起来了……牛

泡泡鱼_ 2020-12-13

打赏
举报

回复 5

Vue3.0中已经没有Vue.prototype了。现在使用app.config.globalProperties.$axios=xxx; 这里面的app是： const app =createApp(App);

保龄球77 2021-12-15

举报

回复

@泡泡鱼_ 没有createApp这个方法呀

jio可 2020-09-09

打赏
举报

回复

Vue没有声明, 你只是使用了vue里面的createApp. import Vue from 'vue'

在vue项目开发过程中，为了方便在各个组件中调用axios，我们通常会在入口文件将axios挂载到vue原型身上，如下： main.ts import Vue from 'vue' import axios from './utils/http' Vue.prototype.$axios = axios; 这样的话,我们在各个组件中进行请求时，就可以直接使用this.$axios，但是在ts中使用this.$axios进行请求时，会进行报错,如下所示：从图中我们可以看出ts在Vue身上检测不到$axios。通过在网上查阅发现：在ts中，不识别vue下面挂$axios，不可以挂在原型链上

看过axios的官方文档后配置变得简单：在main.js 做如下配置： import axios from 'axios' axios.defaults.baseURL = 'http://10.202.42.24:8080/sf-cloud-web' Vue.prototype.axios = axios 最后一行是将axios配置到Vue原型中，使用方法为： this.axios.get('/test/1').then(function (response) {}）可能会遇到下面的报错： isURLSameOrigin.js?cf95:57 Uncaught (in promis

接口错误拦截场景：统一报错未登录拦截请求值、返回值统一处理使用axios插件进行拦截: 安装axios npm i axios --save-dev 在main.js文件中加入： import axios from 'axios' import VueAxios from 'vue-axios' axios.defaults.baseURL = '/api'; axios.defaults.timeout = 8000; //接口错误拦截 axios.interceptors.response.use(function(response) { let res = response

在main.js中引入axios import Vue from "vue"; import App from "./App.vue"; import router from "./router"; import axios from "axios"; // 挂载后台数据 Vue.prototype.$http = axios; axios.defaults.baseURL = "http://127.0.0.1:8888/api/private/v1/"; // 请求拦截 axios.intercept

ts与js的语法不一样，但是js有的ts也必须有。 js的axios一般赋值给Vue.prototype.axios,ts也是可以的，但访问不要使用this而是使用Vue.protortype。具体如下 //main.ts Vue.prototype.axios = axios; //其他vue组件中，有两种引用方法 @Component export default class Demo extends Vue { axios = Vue.prototype.axios;

87,907

社区成员

224,614

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章