Spring boot +spring security +oss+vue separación de front-end y back-end

Escenario del proyecto:

Separe los extremos frontal y posterior para cargar imágenes en oss


Descripción del problema

Al enviar datos de imagen al fondo, el marco de seguridad muestra que no ha iniciado sesión


Análisis de causa:

Cuando se usa el componente de imagen de carga del elemento ui, la solicitud predeterminada no tiene un token

Simplemente agréguelo al encabezado de solicitud predeterminado


solución:

1.在哪个data数据中定义一个对象 用来获取当前客户端的token
//给上传图片的请求头里添加客户端的token
//不然会出现未登录 上传图片失败
upheaders: {
    token: localStorage.getItem('token')
},
2.然后 给element ui的上传组件加上一个标签就好了
:headers="upheaders"
这样组件的默认的请求头也带token了

Es mejor utilizar el método de grupo cuando se seleccionan varias casillas de radio de forma predeterminada.

 <el-radio-group v-model="editCarForm.isrenting">
                            <el-radio :label='0'>no alquilado</el-radio>
                            <el-radio :label='1'>alquilado</ el -radio>
  </el-radio-grupo>

La variable dinámica editCarForm.isrenting se comparará con el número de la etiqueta, y por defecto se seleccionará la que sea igual.

Nota: se debe agregar la etiqueta: para completar el enlace de datos

Supongo que te gusta

Origin blog.csdn.net/qq_55648724/article/details/128611314
Recomendado
Clasificación