Establecer solicitud de envío de token en el desarrollo front-end de VUE

1. Obtenga el token y guárdelo en el almacenamiento local.

this.axios.post('/api/cuenta', {

nombre de usuarioOrEmailAddress: this.ruleForm.name, //Enviar parámetros en el formulario

contraseña: this.ruleForm.pass

})

.entonces(respuesta => {

localStorage.setItem('token', respuesta.data.result);//Almacenar token en localStorage

token const = localStorage.getItem('token');

this.token_infor = token

})

.catch(error => {

consola.log(error);

});

  1. Escribe el método en métodos.

ObtenerEquipInfo() {

const axiosInstancia = axios.create({

URL base: ''

});

axiosInstance.defaults.headers.common['Autorización'] = `Portador ${localStorage.getItem('token')}`//设置token

axiosInstance.post('/api/services/app/BaseData/GetEquipments', {simplemente siga el formato de solicitud de publicación normalmente

Código de Planta: "00001.00001.00009",

Página 1,

tamaño: 20,

orden: [],

filtros: []

})

.entonces(respuesta => {

console.log(respuesta.datos.resultado.datos.registros)

this.tableData = respuesta.datos.resultado.datos.registros

})

.catch(error => {

consola.log(error);

});

}

3. Finalmente, si es necesario, llámelo en creado.

creado() {

this.GetEquipInfor()

}

Supongo que te gusta

Origin blog.csdn.net/JohnJill/article/details/129437411
Recomendado
Clasificación