[随笔] Vue配置axios全局访问路径头

最新推荐文章于 2023-08-08 15:06:10 发布

"William'_

最新推荐文章于 2023-08-08 15:06:10 发布

阅读量1.5k

点赞数

分类专栏： HTTP | Ajax 文章标签： Ajax HTTP Vue axios

原文链接：https://blog.csdn.net/weixin_42971933/article/details/85679180

版权

HTTP | Ajax 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

Vue(Vue-cli)配置全局访问路径头(axios)

在vue中用axios发送请求的时候总是：
axios.get(“http://localhost:3000/xxx/xxx”,{params:{xx:xxx}}).then(res=>{}).catch(error=>{})

配置全局的url：
1.安装 axios ：npm install axios --save-dev;
使用cdn：<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

2.main.js中：
import axios from “axios”
axios.defaults.baseURL = “http://localhost:3000/users/”; // 关键步骤–填写后台请求统一的地址
axios.defaults.headers.post[‘Content-Type’] = ‘application/x-www-form-urlencoded’; //设置全局数据发送格式
Vue.config.productionTip = false;
Vue.prototype.$addr = axios;

3.启用全局配置：
axios.get/post(‘api/…’)… //使用相对路径（开头不要‘/’）可以启用全局root配置
————————————————
参考链接：https://blog.csdn.net/weixin_42971933/article/details/85679180