.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()
// }
// })
标签:vue,中间件,request,next,token,axios,env From: https://www.cnblogs.com/Lmyong/p/16844488.html