frontend: relative backend requests

frontend/src/App.tsx

@@ -23,7 +23,7 @@ function App() {
               <div className="container-fluid text-center logo">
                 <a className="navbar-brand" href="/">
                   <img
-                    src="/++resource++plone-logo.svg"
+                    src="./++resource++plone-logo.svg"
                     width="215"
                     height="56"
                     alt="Plone logo"
@@ -94,7 +94,7 @@ function App() {
         <div className="logo">
           <a title="Site" href="/">
             <img
-              src="/++resource++plone-logo.svg"
+              src="./++resource++plone-logo.svg"
               alt="Plone Site"
               title="Plone Site"
             />

frontend/src/LoginModal.tsx

@@ -30,7 +30,7 @@ const LoginModal = ({
   const [extraErrors, setExtraErrors] = useState({});
 
   async function onSubmit(value: any) {
-    const response = await fetch('/@login', {
+    const response = await fetch('./@login', {
       method: 'POST',
       headers: {
         Accept: 'application/json',

frontend/src/SitesInfo.tsx

@@ -14,7 +14,7 @@ const SitesInfo = () => {
   const [cameFrom, setCameFrom] = useState('');
 
   const checkBasicAuth = async () => {
-    const response = await fetch('/@@ploneAddSite', {
+    const response = await fetch('./@@ploneAddSite', {
       method: 'GET',
     });
     if (response.status === 401) {
@@ -26,7 +26,7 @@ const SitesInfo = () => {
 
   const handleClick = async (can_manage: boolean, name: string) => {
     const href = import.meta.env.PROD
-      ? `/@@ploneAddSite?distribution=${name}`
+      ? `./@@ploneAddSite?distribution=${name}`
       : `/?distribution=${name}`;
     if (can_manage) {
       // Redirect

frontend/src/queries.ts

@@ -42,7 +42,7 @@ export type SitesEndpointDistributionDetail = {
 };
 
 const getDistributions = async (): Promise<SitesEndpoint> => {
-  const response = await axios.get('/@sites');
+  const response = await axios.get('./@sites');
   const data = await response.data;
   return data;
 };
@@ -55,7 +55,7 @@ export const getDistributionsQuery = () => ({
 const getDistribution = async (
   name: string,
 ): Promise<SitesEndpointDistributionDetail> => {
-  const response = await axios.get(`/@sites/${name}`);
+  const response = await axios.get(`./@sites/${name}`);
   const data = await response.data;
   return data;
 };
@@ -100,7 +100,7 @@ export const getDistributionQuery = (name: string) => ({
 });
 
 export const addSite = async (body: object): Promise<Site> => {
-  const response = await axios.post(`/@sites/`, body);
+  const response = await axios.post(`./@sites/`, body);
   const data = await response.data;
   return data;
 };

news/98.bugfix

@@ -0,0 +1 @@
+frontend: relative backend requests @lyralemos