<scripts> if (token) { config.headers[ 'X-Access-Token' ] = token } </scripts>vue2.x转化为vue3.x

在Vue 2.x中，上述代码片段用于设置访问令牌（`token`）作为HTTP头的`X-Access-Token`。在升级到Vue 3.x时，由于不再支持手动修改实例的原型链（如`config`），你需要通过更现代的方式来实现这个功能。

以下是将该代码转换为Vue 3.0+的示例：

import { defineComponent } from 'vue';

export default defineComponent({
  setup(props, context) {
    const token = props.token; // 如果props存在，则从props获取token

    if (token) {
      context.app.$http.headers.common['X-Access-Token'] = token; // 使用app实例的$http配置请求头
    }

    return { token };
  },
});

这里使用了Composition API，并将设置头部的操作放在setup函数中，通过`context.app.$http`访问全局HTTP客户端配置。如果使用的是Vue Router的自定义hook，可以考虑使用`router.config`来添加头部。