Al pisar el pozo: AxiosError, solicitud fallida con código de estado 404, axios 404, solicitud de axios 404. Adjunto: paquete axios

Acabo de clonar el código de la biblioteca hoy. Cuando ajusté la interfaz de inicio de sesión, informé un error muy mágico, es decir, axios solicitó 404. ¿Podría ser que lo empaqueté mal? Acabo de resolver el problema entre dominios y Esto salió. Lo comprobaré más tarde. Muchas veces la encapsulación y los proxies son ciertos. Lo más importante es que usé mi encapsulación para ejecutarlo.

El siguiente son los axios empaquetados, sí, se pueden usar.

http.js
import axios from 'axios'
var http=axios.create({
    baseURL:'api',//解决跨域问题
    timeout:3000
})
//在请求和响应在被catch和then处理之前处理他们
//拦截请求,在请求之前拦截,一般可以在请求头中加上token
http.interceptors.request.use((config)=>{
    //config就是很多参数被封装在了一个对象里,
    //里面的参数也是属性,最常见的比如说url(必要)/method(默认get)/params
    let token = localStorage.getItem('X-Token') || ''
    // `headers` 是即将被发送的自定义请求头,在请求头中加上token
    config.headers['X-Token'] = token//修改config的参数headers
    config.headers['Content-Type'] = 'application/json'
    return config//参数已经修改好
}, err => {//响应出错执行,比如说网断了
    console.log(err);
})
//响应拦截器
http.interceptors.response.use(response=>{
    if (response.status === 200) {
        if (response.data.state === 401) {
            //如果是token过期,跳转至登录
            alert("登录已过期,请重新登录!");
            localStorage.removeItem('token')
            router.push({path:'/login'})
        } else if (response.data.state === 0) {
            return response;
        } else {
            return response;
        }
    }
},err=>{
    return Promise.reject(err)
})


export default http
request.js
import http from './http'

export default function request({ method = "post", params = {}, data = {},url={} }){
    return http({
        url,//请求路由
        method,//请求方式
        data,//data传递,json字符串,
        params:params//params传递,传统表单形式
        //get大多数时候用params传。如果非要用data,需要转成传统表单形式。
       
    })
}
operDate.js
import request from './request.js'
export const xxx=(params)=>{
    return request({method:"post",url:'xxxx', params})
}

Más tarde, principalmente porque pude ejecutar antes y asegurarme de que el código era correcto, volví a instalar npm. Acabo de volver a descargar node_modules.
Regístrelo por la presente para no pisarlo en el futuro.

Supongo que te gusta

Origin blog.csdn.net/m0_71981318/article/details/126010562
Recomendado
Clasificación