1.创建一个js文件（用来保存/获取登录后的token，方便多处文件使用）

// 从storage中获取token即authorization值
export function getToken() {
  let token = localStorage.get(Access-Token);
  return token;
}

// 把登录获取到的authorization值存在localStorage或sessionStorage中
export function setToken(token) {
  localStorage.set(Access-Token, token, 7 * 24 * 60 * 60 * 1000);
}

2.创建一个js文件（用来统一存放路由接口代码，方便多处文件使用）

import axios from "axios"; // 引入axios
import { getToken } from "@/xx/xxx"; //导入获取token的函数
axios.defaults.headers.common['Authorization'] = getToken()

// 上传数据
export function pageDataList(data) {
    return axios({
      url: `${process.env.VUE_APP_BASE_API}/xx/xxx/pageDataList`,
      params:data,
      method: "POST",
    });
}

// 通过id获取对应的数据
export function getDrawProById(id) {
    return axios({
      url: `${process.env.VUE_APP_BASE_API}/xx/xxx/getDrawProById?id=${id}`,
      method: "get",
    });
}

3.在所需文件中导入api文件需要使用的函数

<template>
  <div style="padding: 0 20px">
   
  </div>
</template>

<script>
import {getDrawProById} from "@/api/xxx"
export default {
  name: "Fxx",
  components: {},
  props: [],
  data() {
    return {
     id:123
    };
  },
  mounted() {
    getDrawProById(this.id).then((res) => {
      console.log(res.data);
    });
      
  },
  
  methods: {
    
  },
};
</script>

<style lang="less" scoped>

</style>