diff --git a/ui/src/Components/NavBar/FilterInput/index.js b/ui/src/Components/NavBar/FilterInput/index.js index 706d7cf45..f39e5e181 100644 --- a/ui/src/Components/NavBar/FilterInput/index.js +++ b/ui/src/Components/NavBar/FilterInput/index.js @@ -72,7 +72,8 @@ const FilterInput = observer( action(({ value }) => { if (value !== "") { this.inputStore.suggestionsFetch = fetch( - FormatBackendURI(`autocomplete.json?term=${value}`) + FormatBackendURI(`autocomplete.json?term=${value}`), + { credentials: "include" } ) .then( result => result.json(), diff --git a/ui/src/Components/SilenceModal/LabelNameInput.js b/ui/src/Components/SilenceModal/LabelNameInput.js index 57fe99bb9..4fa029579 100644 --- a/ui/src/Components/SilenceModal/LabelNameInput.js +++ b/ui/src/Components/SilenceModal/LabelNameInput.js @@ -18,9 +18,9 @@ const LabelNameInput = observer( populateNameSuggestions = action(() => { const { matcher } = this.props; - this.nameSuggestionsFetch = fetch( - FormatBackendURI(`labelNames.json`) - ) + this.nameSuggestionsFetch = fetch(FormatBackendURI(`labelNames.json`), { + credentials: "include" + }) .then( result => result.json(), err => { @@ -43,7 +43,10 @@ const LabelNameInput = observer( const { matcher } = this.props; this.valueSuggestionsFetch = fetch( - FormatBackendURI(`labelValues.json?name=${matcher.name}`) + FormatBackendURI(`labelValues.json?name=${matcher.name}`), + { + credentials: "include" + } ) .then( result => result.json(), diff --git a/ui/src/Stores/AlertStore.js b/ui/src/Stores/AlertStore.js index b51ee7c6f..2b899632b 100644 --- a/ui/src/Stores/AlertStore.js +++ b/ui/src/Stores/AlertStore.js @@ -199,7 +199,7 @@ class AlertStore { FormatBackendURI("alerts.json?") + FormatAPIFilterQuery(this.filters.values.map(f => f.raw)); - return fetch(alertsURI) + return fetch(alertsURI, { credentials: "include" }) .then(result => result.json()) .then(result => { return this.parseAPIResponse(result);