若依框架怎么添加请求头
时间: 2023-11-07 18:52:35 浏览: 491
若依框架可以通过在请求拦截器中添加请求头来实现。具体的步骤如下:
1. 在项目的src文件夹下创建一个api文件夹,并在该文件夹下创建一个request.js文件。
2. 在request.js文件中引入axios库,并创建一个axios实例。
3. 在axios实例中使用interceptors拦截器,在请求发送之前添加请求头。
4. 在main.js文件中引入并使用该axios实例。
以下是一个示例代码:
```javascript
// api/request.js
import axios from 'axios';
const service = axios.create({
baseURL: 'http://localhost:8080', // 你的后端接口地址
timeout: 5000 // 请求超时时间
});
service.interceptors.request.use(
config => {
// 在请求发送之前添加请求头
config.headers['Authorization'] = 'Bearer token'; // 替换为你的请求头信息
return config;
},
error => {
console.error(error);
return Promise.reject(error);
}
);
export default service;
```
```javascript
// main.js
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import request from '@/api/request' // 引入自定义的axios实例
Vue.config.productionTip = false
Vue.prototype.$request = request; // 挂载到Vue原型上,便于全局使用
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app')
```
阅读全文