axios简单配置

最新推荐文章于 2024-08-12 17:01:01 发布

weixin_4841962

最新推荐文章于 2024-08-12 17:01:01 发布

阅读量297

点赞数

分类专栏：笔记文章标签： vue.js javascript http json

本文链接：https://blog.csdn.net/weixin_48419629/article/details/120493316

版权

本文介绍了如何在Vue项目中配置并使用axios。首先通过Vuex管理API请求的基础URL，然后创建axios实例，设置请求和响应拦截器。接着展示如何统一管理请求，并在页面中引入axios调用接口。示例包括无参数和带参数的请求操作。

摘要由CSDN通过智能技术生成

1.如果用vuex就把地址存储在store里然后引用
import Vue from ‘vue’
import Vuex from ‘vuex’
Vue.use(Vuex)
export default new Vuex.Store({
state: {
token: window.localStorage.getItem(‘authStr’) || null,
URL1: ‘http://192.168.8.105:8083/workflow’,
URL2: ‘http://192.168.8.105:8081/workorder’,
URL3: ‘http://192.168.8.105:8084/system’,
URL4: ‘http://192.168.8.105:8081/workorder’,
URL5: ‘http://192.168.8.105:8081/workflow’,
//配送
URL6:‘http://192.168.8.105:8081//workorder/womdistinfo/getWomDistInfoList’,
//配送详情
url7:‘http://192.168.8.105:8081/’
},
mutations: {
},
actions: {
},
modules: {
}
})
2.引入axios
import axios from ‘axios’
import store from ‘…/store/index’
import { message } from ‘ant-design-vue’;