// 根据process.env.NODE_ENV
// - 开发环境：development
// - 生产环境：production
// - 测试环境：test
let BASE_UEL = ''
let TIME_OUT = 10000
if (process.env.NODE_ENV === 'development') {
  BASE_UEL = ""
} else if (process.env.NODE_ENV === 'production') {
  BASE_UEL = ""
} else {
  BASE_UEL = ""
}

export { BASE_UEL, TIME_OUT }

import axios from 'axios';
import { BASE_UEL, TIME_OUT } from './axios.config';
const request = axios.create({
    baseURL: BASE_UEL,
    timeout: TIME_OUT
});

// 添加请求拦截器
request.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
  	const user = store.state.user; // 获取token，
      if (user) {
        config.headers.Authorization = `Bearer ${user.token}`;// 设置token 也有可能是自定义的请求头
      }
    return config;
}, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
});

// 添加响应拦截器
request.interceptors.response.use(function (response) {
    // 对响应数据做点什么
    return response.data;
}, function (error) {
    // 对响应错误做点什么
    return Promise.reject(error);
});

export {
    request
}

import { request } from './axios';

/**
 * 
 * @param {Object} params get请求参数
 * @returns 
 */
export const get = (params) => {
    return request({
        method: 'get',
        url: '/***',
        params
    })
}

/**
 * 
 * @param {Object} data post请求参数
 * @returns 
 */
export const post = (data) => {
    return request({
        method: 'post',
        url: '/***',
        data
    })
}

/**
 * 封装 axios 请求模块
 */
import axios from "axios";
import jsonBig from "json-bigint";
import store from "@/store";
import router from "@/router";

// axios.create 方法：创建一个axios实例
const request = axios.create({
  baseURL: "http://ttapi.research.itcast.cn/" // 基础路径
});

/**
 * 配置处理后端返回数据中超出 js 安全整数范围问题
 */
request.defaults.transformResponse = [
  function(data) {
    try {
      return jsonBig.parse(data);
    } catch (err) {
      return {data};
    }
  }
];

// 请求拦截器
request.interceptors.request.use(
  function(config) {
    const user = store.state.user;
    if (user) {
      config.headers.Authorization = `Bearer ${user.token}`;
    }
    // Do something before request is sent
    return config;
  },
  function(error) {
    // Do something with request error
    return Promise.reject(error);
  }
);

// 响应拦截器
request.interceptors.response.use(
  // 响应成功进入第1个函数
  // 该函数的参数是响应对象
  function(response) {
    // Any status code that lie within the range of 2xx cause this function to trigger
    // Do something with response data
    return response;
  },
  // 响应失败进入第2个函数，该函数的参数是错误对象
  async function(error) {
    // Any status codes that falls outside the range of 2xx cause this function to trigger
    // Do something with response error
    // 如果响应码是 401 ，则请求获取新的 token

    // 响应拦截器中的 error 就是那个响应的错误对象
    console.dir(error);
    if (error.response && error.response.status === 401) {
      // 校验是否有 refresh_token
      const user = store.state.user;

      if (!user || !user.refresh_token) {
        router.push("/login");

        // 代码不要往后执行了
        return;
      }

      // 如果有refresh_token，则请求获取新的 token
      try {
        const res = await axios({
          method: "PUT",
          url: "http://ttapi.research.itcast.cn/app/v1_0/authorizations",
          headers: {
            Authorization: `Bearer ${user.refresh_token}`
          }
        });

        // 如果获取成功，则把新的 token 更新到容器中
        console.log("刷新 token  成功", res);
        store.commit("setUser", {
          token: res.data.data.token, // 最新获取的可用 token
          refresh_token: user.refresh_token // 还是原来的 refresh_token
        });

        // 把之前失败的用户请求继续发出去
        // config 是一个对象，其中包含本次失败请求相关的那些配置信息，例如 url、method 都有
        // return 把 request 的请求结果继续返回给发请求的具体位置
        return request(error.config); // 重新请求
      } catch (err) {
        // 如果获取失败，直接跳转 登录页
        console.log("请求刷线 token 失败", err);
        router.push("/login");
      }
    }

    return Promise.reject(error);
  }
);

export default request;

devServer: {
  proxy: {
  	// 前缀
    '/api': {
      // target 转发后的目标地址
      target: 'http://localhost:8080/',
        // pathRewrite 重写路径 调用真正的接口时替换掉请求前缀
        // pathRewrite 发送请求时，请求路径重写 /api/xxx ->  /xxx （去掉/api）
      pathRewrite: { '^/api': '' },
      ws: true,//用于支持websocket
      changeOrigin: true,//欺骗后端  代理服务器此时会根据请求的 target 地址修改 Host
    }
  },
},

import 'amfe-flexible'

module.exports = {
  plugins: {
    // VueCLI 默认配置了
    // 'autoprefixer': {
    //   browsers: ['Android >= 4.0', 'iOS >= 8']
    // },
    'postcss-pxtorem': {
      // 设置设计稿宽度的1/10（插件将一行分为10分）
      // rootValue可以接收两种类型：数字/函数
      // 375的设计稿就直接使用数字，如果有不同的就使用函数进行判断，postcss-pxtorem会对每一个css进行判断
      // rootValue: 37.5, 
      rootValue({ file }) { // vant案例
        // 如果使用别的可以打印查看，然后根据路径来判断
        // 此处vant是375的设计稿，项目使用的是750的设计稿
        return file.indexOf('vant') !== -1 ? 37.5 : 75;
      },
      propList: ['*']
    }
  }
}