axios設置全局headers

• 需求：每次請求的時候都設置token為headers非常不方便
• axios提供配置全局headers
• 這里我主要使用的是加 一個token驗證

Global axios defaults
axios.defaults.baseURL = 'https://api.example.com';

// Important:如果axios與多個域一起使用，那么AUTH_TOKEN將被發送給所有域。
//下面是一個使用自定義實例默認值的例子。
axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;

// 下面應該是對應協議而配置的全局header
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

下面是我的main.js

import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import axios from 'axios';
import main from '/@/components/main';

import Antd from "ant-design-vue";
import "ant-design-vue/dist/antd.css";
import { Form } from 'ant-design-vue';

import Header from "./components/common/Header.vue";
import Footer from "./components/common/Footer.vue";

import {setupGlobalMethods} from "./utils/globalMethod";

const Vue = createApp(App);

axios.defaults.headers.common['token'] = main.local.get("piyu").token;

document.title = "皮魚_開發版";

Vue.use(router)
  .use(store)
  .use(Antd)
  .use(Form)
	//下面是組件
	.component("Footers", Footer)
	.component("Headers", Header)
	// 掛載的element
  .mount("#app");

// 設置 全局 屬性
setupGlobalMethods(Vue);