vue中间件

.env.development   //部署(文件名)

.env.production  //生产前(文件名)

${process.env.VUE_APP_UR}  //获取值

写一个中间件

在写前后台分离的时候肯定是需要发起各种求情,但是每个请求都要写相同的域名,这时候可以用axios定义一下

import axios from 'axios';

axios.defaults.headers.common["Content-Type"] = 'multipart/form-data'
// 设置请求路径
const request = axios.create({
    baseURL:process.env.VUE_APP_URL;
    //直接设置请求头  不好用
    header:localStroage.getItem('token');
}) 
// 使用路由拦截设置请求头
request.interceptors.request.use((req) => {
    let token = localStorage.getItem('token');
    if(token){
        req.headers.token = token;
    }
    return req
})

exoprt default request;
//main文件全局配置
import request from './request'
Vue.prototype.$http = request
this.$http.post();//调用
//导航首位
// router.beforeEach((to,from,next)=>{
//   if(to.path!="/Login"){
//     if(localStorage.getItem("name")){
//       next();
//     }else{
//       next("/Login")
//     }
//   }else{
//     next()
//   }
// })

 

posted @ 2022-10-31 15:29  默永  阅读(172)  评论(0编辑  收藏  举报