axiosClient.put() an .post() dose not pass to resolve callback (then ).
I work with laravel and react ,
I want to save data with put an post and navigate to an othher page by navigate("members") route
here is details
my view component :
export default function UserForm() {
const navigate = useNavigate();
let {id} = useParams();
const onSubmit = ev => {
ev.preventDefault()
//console.log(user)
if (user.id) {
axiosClient.put(`/users/${user.id}`, user).then((data) => {
setNotification('User was successfully updated')
**navigate('/members')**
})
.catch(err => {
const response = err.response;
if (response && response.status === 422) {
setErrors(response.data.errors)
}
})
} else {
axiosClient.post(`/users`, user)
.then((data) => {
setNotification('User was successfully created')
**navigate('/members')**
})
.catch(err => {
const response = err.response;
if (response && response.status === 422) {
setErrors(response.data.errors)
}
})
}
}
and It can’t execute navigate to ‘/members’
this is my axiosClient :
import axios from "axios"
import { UseStateContext } from "./context/ContextProvider";
const axiosClient =axios.create({
baseURL:`http://127.0.0.1:8000/api`
})
axiosClient.interceptors.request.use((conf)=>{
const token = localStorage.getItem("ACCESS_TOKEN")
conf.headers.Authorization=`Bearer ${token}`;
return conf;
});
axiosClient.interceptors.response.use((resp)=>{
return resp
},
(error)=>{
const {resp}=error;
if(resp.status === 401){
localStorage.removeItem("ACCESS_TOKEN");
} else if (response.status === 404) {
//Show not found
}
throw error;
}
);
export default axiosClient;
I try to debugg and it’s run the axiosClient.post(
/users, user)
save data in database and jumpe to axiosClient and so on…. without return to resolve then callback
plizzz any help
thank you
You need to sign in to view this answers
Leave feedback about this