时间:2021-05-26
看过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 promise) TypeError: Cannotread property 'protocol' of undefined这是因为axios不是VUE插件,不能使用 Vue.use(axios) 方式引用,需要使用上述原型方式引入
以上这篇Vue axios设置访问基础路径方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
我们常用的有get方法以及post方法,下面简单的介绍一下这两种请求方法vue中使用axios方法我们先安装axios这个方法npminstall--savea
前言最近用Vue写项目的时候,用到axios,因为axios不能用Vue.use()(详细介绍可以参考这篇文章),所以在每个.vue文件中使用axios时就需要
在vue-cli3中,公共文件夹由static变成了public先把要访问的json放到public文件夹下使用axios的get方法获取,不能用post,不然
前后端数据交互作为项目最基础需求(静态的除外),同时也是项目中最重要的需求。本文重点介绍axios如何配合vue搭建项目框架,而axios的详细使用介绍请移步使
前言这里写你调用接口的基础路径,来解决跨域,如果设置了代理,那你本地开发环境的axios的baseUrl要写为'',即空字符串只有一个接口ip端口时devSer