application配置token_vue后台管理：项目配置(api封装)

api封装

• 主要内容简介

• 1.axios拦截、请求配置

• 2.config 文件配置接口地址，设置代理

• 3.设置请求接口具体参数配置

• 4.api封装使用

• 5.页面调用

1.axios拦截、请求配置

import axios from "axios";
import { Message } from "element-ui"
import config from '@/config';
//判断是本地环境还是线上环境
const baseUrl=process.env.NODE_ENV==="development"?config.baseUrl.dev:config.baseUrl.pro
//全局配置请求头可以放在这里
//`headers` 是即将被发送的自定义请求头
//比如：headers: {'X-Requested-With': 'XMLHttpRequest'},  
const instance=axios.create({
    
    baseURL:baseUrl, // api的base_url,baseURL` 将自动加在 `url` 前面，除非 `url` 是一个绝对 URL。
    timeout:600000,