Connection to data plane failed when i access it from my office network, even though we have S2S tunnel

Question

Z8BxXysSUZUb.js:1 [Microsoft_Azure_KeyVault] 9:53:33 AM MsPortalFx.Base.Diagnostics.ErrorReporter 1 MsPortalFx.Base.Diagnostics.ErrorReporter: _errorData: {"readyState":0,"status":0,"statusText":"error"}

baseTypes: ["MsPortalFx.Errors.FetchDataError","MsPortalFx.Errors.DataError","MsPortalFx.Errors.Error"]

dataSetName: KeyResponse:DataCache:6:2

errorData: {"readyState":0,"status":0,"statusText":"error"}

errorLevel: 2

extension: Microsoft_Azure_KeyVault

innerErrors: []

message: FetchDataError: data set KeyResponse:DataCache:6:2

name: FetchDataError

stack: FetchDataError: FetchDataError: data set KeyResponse:DataCache:6:2

at n.t (https://portal.azure.com/Content/Dynamic/hsHQdjgh2OtB.js:57:857)

at n (https://portal.azure.com/Content/Dynamic/Z8BxXysSUZUb.js:1:45682)

at new n (https://portal.azure.com/Content/Dynamic/Z8BxXysSUZUb.js:1:45894)

at https://portal.azure.com/Content/Dynamic/Z8BxXysSUZUb.js:1:295691

at https://portal.azure.com/Content/Dynamic/Z8BxXysSUZUb.js:1:295794

timestamp: 27160.800000071526

type: MsPortalFx.Errors.FetchDataError

{error: {…}}error: {schemaVersion: 1, extractionType: 'FxErrorWithErrorData', message: 'error', name: 'error', httpStatusCode: 0, …}[[Prototype]]: Objectconstructor: ƒ Object()hasOwnProperty: ƒ hasOwnProperty()isPrototypeOf: ƒ isPrototypeOf()propertyIsEnumerable: ƒ propertyIsEnumerable()toLocaleString: ƒ toLocaleString()toString: ƒ toString()valueOf: ƒ valueOf()defineGetter: ƒ defineGetter()defineSetter: ƒ defineSetter()lookupGetter: ƒ lookupGetter()lookupSetter: ƒ lookupSetter()proto: (...)get proto: ƒ proto()set proto: ƒ proto()

a @ Z8BxXysSUZUb.js:1

log @ hsHQdjgh2OtB.js:58

y @ Z8BxXysSUZUb.js:1

t.error @ Z8BxXysSUZUb.js:1

f @ hsHQdjgh2OtB.js:183

(anonymous) @ hsHQdjgh2OtB.js:183