axios如何设置baseUrl

在前端开发中,当需要访问不同服务端的数据时,可以通过axios进行配置。在本地开发时,可以利用devServe进行代理解决跨域问题。在main.js中引入axios并设置baseURL为api的前缀路径,然后挂载到Vue实例上,以便全局使用。在打包后,若直接打开index.html,需确保API请求路径正确,避免携带本地路径。
摘要由CSDN通过智能技术生成

1、在请求api时,有时要去访问其他服务端的数据,之前我在本地启动项目的时候用devServe来进行代理,但是当自己打包好后,如果没有服务端的配置,只是在本地打开index.html页面会api请求会带上本地路径。

如果你已经安装好axios,就可以在main.js文件里面

import Vue from 'vue'
import App from './App.vue'
import axios from "axios";
Vue.config.productionTip = false;
axios.defaults.baseURL='xxx.xxx.xxx';
Vue.prototype.$axios = axios;
new Vue({
  render: h => h(App),
}).$mount('#app')

xxx是你的api前缀路径。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值