VUE统一设置请求头
 
 
 
这里是引用(感觉还不错 暂时还没用过 等以后用了再详细写)
 

 
在main.js添加过滤器，可以
 
 
 
  
Vue.http.interceptors.push((request,next)=>{
  //request.credentials = true; // 接口每次请求会跨域携带cookie
  //request.method= 'POST'; // 请求方式（get,post）
  //request.headers.set('token','111') // 请求headers携带参数

  next(function(response){
   return  response;

  });
})
 
 
 
 
待完善。。。
 
转载于:https://www.cnblogs.com/congxueda/p/7133733.html

import axios from "axios";
import qs from "querystring";
axios.defaults.timeout = 60000;
axios.defaults.baseURL = window.apiHost;  //window.apiHost可以在main.js里进行设置
axios.defaults.withCredentials = false;

axios.interceptors.request.use(
  config => {
    if (config.method === "POST") {
      config.data = qs.stringify(config.data, { arrayFormat: "indices" });
    }
    //当使用Ie浏览器的时候，可能会出现数据更新了，但是接口请求数据不刷新的情况，加上下面这段代码即可
    if (config.method === 'get' || config.method === 'GET') {
      config.params = {
        _t: Date.parse(new Date()) / 1000,
        ...config.params
      }
    }
    if (!config.headers["Content-Type"]) {
      config.headers["Content-Type"] = "application/json;utf-8";
    }
	if (localStorage.getItem("userInfo")){
		var userinfo=localStorage.getItem("userInfo");
		config.headers["Authorization"]="Bearer "+JSON.parse(userinfo).Token
	}
    return config;
  },
  error => {
    return Promise.reject(error);
  }
);
export default axios;

前端同事在vue的request里面的拦截器中设置请求头，发现'Authorization'可以正常添加到请求头，可以正常访问，但是添加其他的如'browserVersion'参数就不行，
 
 
 
 
会出现Request header field browserversion is not allowed by Access-Control-Allow-Headers in preflight response错误。
 
随后怀疑是nginx配置有问题，不过看了下nginx.conf中没并没有做相关跨域的配置项。后来就在laravel项目中找，全局搜索Access-Control-Allow-Headers字样，还真找到一个中间件文件，如下，
 
只要在允许头后面增加相应的参数，然后前端就可以设置其他的请求头了