Dlaczego baseURL jest ignorowany w axios?

Dlaczego baseURL jest ignorowany w axios?
A2
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 42
0

mam wlasny hook:

Kopiuj
export const useAxios = () => {
  const { accessToken } = useTokenContext();

  const axiosClient = useMemo(() => {
    return axios.create({
      headers: {
        'Content-type': 'application/json',
        Authorization: `Bearer ${accessToken}`,
      },
      baseURL: 'https://localhost:9595',
    });
  }, [accessToken]);

  return axiosClient;
};

export const { isAxiosError } = axios;
export default axios;

odpalam wlasna useMutation()

Kopiuj
const { state, onMutate } = useMutation({
    mutateFn: (axios: AxiosInstance) => (payload: LoginPayload) =>
      axios.post<LoginResponse>('/auth/login', payload),
    onSuccess,
  });

ale dostaje blad z domyslnym http://localhost:3000/auth/login
a api jest pod adresem

Kopiuj
  REACT_APP_API_URL=http://localhost:9595

jak wstawie od razu

Kopiuj
const { state, onMutate } = useMutation({
  mutateFn: (axios: AxiosInstance) => (payload: LoginPayload) =>
    axios.post<LoginResponse>('http://localhost:9595/auth/login', payload),
  onSuccess,
});

to wszystko dziala poprawnie

Xarviel
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 847
1

Stworzyłeś hook useAxios, ale w tym przykładzie nigdzie go nie używasz. Skąd pochodzi useMutation?

SZ
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 216
0

Hm jaki błąd leci w przeglądarce?

Zauważ też że w baseURl masz httpS (SSL), masz certa na localhoscie?
A w drugim przykładzie nie korzystasz z SSL.

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.