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

在Vue 2中，这段代码是在组件的生命周期钩子里设置一个名为`X-Access-Token`的请求头，如果变量`token`存在的话。转换成Vue 3的script setup语法，可以这样做：

<script setup>
import { ref } from 'vue'

const token = ref(null) // 或者直接使用let token; 如果不需要响应式

onMounted(() => {
  if (token.value) {
    axios.defaults.headers.common['X-Access-Token'] = token.value
  }
})
</script>

<!-- 或者如果你想在局部请求中设置头 -->
<button @click="setToken(token)">Set Token</button>
<script setup>
function setToken(token) {
  if (token) {
    axios.request({ headers: { 'X-Access-Token': token } })
  }
}
</script>

这里使用了Vue 3的ref或直接声明变量，并在`onMounted`钩子中更新axios默认请求头。如果你只想在特定的请求中设置头，可以用函数的方式来处理。