解决使用elementUI框架el-upload跨域上传时session丢失问题

Posted fangnianqin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决使用elementUI框架el-upload跨域上传时session丢失问题相关的知识,希望对你有一定的参考价值。

解决方法一:
1、使用elementUI框架el-upload跨域上传时,后端获取不到cookie,后端接口显示未登录,在添加了 with-credentials="true"后依然不生效

技术图片

前端会报上面的错误,解决方式:后端把把*号改成httpServletRequest.getHeader("Origin")
技术图片

解决方法二:
1、把config目录下的index.js文件打开,修改proxyTable属性的设置:
技术图片

考虑到这个这个目标路径可能需要修改,所以打包后需要单独打包出来,这里我建了一个targetUrl.js,放在static文件夹下
技术图片

var targetUrl = 'http://192.168.70.70:8088/sc-MDC';

module.exports = 
  targetUrl

在config目录下的index.js文件中引入

const targetUrl = require('../static/targetUrl')

2、在文件上传调的接口处,修改接口地址,将之前的域名换成api
技术图片

以上是关于解决使用elementUI框架el-upload跨域上传时session丢失问题的主要内容,如果未能解决你的问题,请参考以下文章

ElementUI之el-upload实现base64上传

elementUI+el-upload 上传文件大小与文件类型校验

vue+elementui el-upload上传文件携带参数

elementui el-upload图片文件上传必传校验

elementui el-upload一次接口请求上传多个文件

elementui二次文件上传要刷新