小编Geo*_*vis的帖子

在main.js中

import axios from 'axios';

axios.defaults.headers.common = {
    'Authorization': 'JWT ' + Vue.auth.getToken()
};

axios.defaults.baseURL = process.env.VUE_APP_BASE_URL; //TODO: append the trailing slash

// Add modified axios instance to Vue prototype so that to be available globally via Vue instance
Vue.prototype.$http = axios;

到目前为止,一切正常.(我能够成功登录并存储令牌)

现在,我有另一个组件,通过在组件的created()生命周期上执行的ajax调用从服务器获取用户列表.我的问题是,当我尝试访问this.$http组件时,我从服务器返回401错误响应,因为Authorization标头不可用于请求标头(尽管我已经预先配置了axios.defaults.headers.common)

奇怪的是,如果我点击浏览器上的刷新按钮,则令牌会正确附加到请求标头,并且成功获取用户列表**.**

有谁能请向我解释为什么会发生这种情况？

我有一个chart.js甜甜圈图Vue组件如下

问题是，当我使用多个图表实例时，中间的文本重叠。

但是它们是重叠的。我尝试更改标题的节奏，但这没有任何作用。我怎样才能解决这个问题？我喜欢控制HTML /输出到标签的内容。

<script>
import { Doughnut } from "vue-chartjs";

export default {
  name: "doughnutChart",
  extends: Doughnut,
  props: {
    data1: {
      type: String,
      // default: function() {
      //   return;
      // }
    }
  },
  mounted() {
    var value = this.data1;
    var data = {
      labels: ["My val", ""]
    };
    this.renderChart(
      {
        datasets: [
          {
            borderWidth: 1,
            backgroundColor: ["#FF6384", "#AAAAAA"],
            hoverBackgroundColor: ["#FF6384", "#AAAAAA"],
            hoverBorderColor: ["#FF6384", "#ffffff"],
            data: [value, 100 - value]
          }
        ]
      },
      {
        responsive: true,
        maintainAspectRatio: true,
        legend: { …