通過地圖的config模塊的請求攔截器來設置請求頭信息，如下示例：
1、引入：‘esri/config’

1、設置請求頭信息

import { loadArcgisModules } from '@/utils/map/mapLoadUtil'
export default {
mounted() {this.loadMap()},
methods: {/** ****************** map 地圖 *******************/loadMap() {// 加載arcgis api的模塊到Vue.prototype.$esriloadArcgisModules(['esri/Map','esri/core/watchUtils','esri/config','esri/widgets/ScaleBar', 'esri/layers/support/LabelClass','esri/widgets/Home','esri/widgets/BasemapToggle','esri/widgets/Sketch','esri/widgets/Sketch/SketchViewModel','esri/widgets/Editor','esri/request','esri/views/MapView','esri/layers/SceneLayer','esri/layers/WMSLayer','esri/layers/TileLayer','esri/layers/WebTileLayer','esri/layers/GraphicsLayer','esri/layers/FeatureLayer','esri/layers/BaseTileLayer','esri/layers/MapImageLayer','esri/layers/BaseTileLayer','esri/Basemap','esri/Graphic','esri/geometry/Point','esri/tasks/QueryTask','esri/tasks/support/Query','esri/geometry/Polygon','esri/geometry/Multipoint','esri/symbols/LineSymbolMarker','esri/geometry/geometryEngine','esri/smartMapping/labels/clusters','esri/widgets/DistanceMeasurement2D', // 工具 測距'esri/widgets/AreaMeasurement2D', // 工具 測面'esri/widgets/Swipe' // 工具 滑動 卷簾]).then(() => {this.setYztRequestHeader()})},setYztRequestHeader() {const timestampHeader = (Date.now() / 1000).toFixed()const passid = 'B90-A44002202'const token = '16788bfc3d0f4ea182832630a7d73c39'const serverCode = 'YZT3837894173071'  this.$esri.config.request.interceptors.push({before: params => {// 請求之前的處理邏輯// 設置請求頭信息// 只要地圖服務的地址包含字符串內容'http/api/proxy/invoke'，都會帶上請求頭if (params.url.includes('http/api/proxy/invoke')) {params.requestOptions.headers = {'x-tif-timestamp': timestampHeader,'x-tif-paasid': passid,'x-tif-nonce': 'nonce','x-tif-token': token,'x-tif-serviceId': serverCode}}}// after: function(params) {//     console.log(params)//     // 請求之后的處理邏輯//     // params.requestOptions.headers = {}// }})},}
}

mapLoadUtil.js：

import Vue from 'vue'
import { loadModules, setDefaultOptions } from 'esri-loader'
import { Message } from 'element-ui'
// 設置arcgis api的options
function setArcgisOptions() {// 遠程引入// setDefaultOptions({ version: '4.19', css: true })// 引入服務器上（本地）的資源setDefaultOptions({url: `${process.env.VUE_APP_BASE_ARCGIS_API}/arcgis/4.19/init.js`,css: `${process.env.VUE_APP_BASE_ARCGIS_API}/arcgis/4.19/esri/css/main.css`})
}// 加載arcgis api的模塊到Vue.prototype.$esri
export function loadArcgisModules(arcgisModulePath) {return new Promise((resolve, reject) => {// 設置optionssetArcgisOptions()// 加載arcgis api的模塊loadModules(arcgisModulePath).then(args => {let arcgisModuleName = '' // 模塊的默認名稱for (let i = 0;i < args.length;i++) {arcgisModuleName = arcgisModulePath[i].split('/').pop()Vue.prototype.$esri[arcgisModuleName] = args[i]}resolve(args)}).catch(err => {Message.error('arcgis地圖api加載失敗，請檢查網絡設置')reject(err)})})
}

參考文章1：https://www.cnblogs.com/kk8085/p/17226776.html
參考文章2：https://blog.csdn.net/contant/article/details/132540807