vue怎么在页面获取全局引入带token的外部js,例如<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=您申请的key值" token=:aa"></script>

Vue中可以使用`vue-head`插件来实现这个功能。首先需要在项目中安装`vue-head`插件，可以使用以下命令安装：

npm install vue-head --save

然后在需要引入外部js文件的Vue组件中，使用以下代码：

import Vue from 'vue'
import VueHead from 'vue-head'

Vue.use(VueHead)

export default {
  head: {
    script: [
      {
        src: 'https://webapi.amap.com/maps?v=2.0&key=您申请的key值',
        attrs: {
          token: ':aa'
        }
      }
    ]
  },
  // ...
}

在上面的代码中，`head`选项是`vue-head`插件提供的一个选项，用于配置页面的`head`标签，包括`title`、`meta`、`link`和`script`等标签。`script`标签中使用了`attrs`属性来添加`token`属性。

这样就可以在页面中全局引入带token的外部js文件了。

相关问题

在vue3中把<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=您申请的key值" token=''"></script>设置为全局，所有.vue都可以调用到

在Vue3中，你可以通过在 `main.js` 中引入 `AMap` 并将其挂载到 Vue 实例上的方式，使得所有的 `.vue` 文件都可以调用到。

首先，在 `main.js` 中引入 `AMap`：

import AMapLoader from '@amap/amap-jsapi-loader';

AMapLoader.load({
  key: '您申请的key值',
  version: '2.0',
  plugins: []
}).then(() => {
  // 初始化成功，执行逻辑代码
  const AMap = window.AMap;
  Vue.prototype.$AMap = AMap;
});

然后，在需要使用 `AMap` 的 `.vue` 文件中，你可以通过 `this.$AMap` 访问 `AMap` 对象，从而调用其提供的 API：

export default {
  mounted() {
    const map = new this.$AMap.Map('map-container', {
      zoom: 10,
      center: [116.39,39.9]
    });
  }
}

这样，你就可以在所有的 `.vue` 文件中都使用 `AMap` 了。