- 问题说明
使用vue的前端后完全分离,开发和部署都出现跨域时,开发中出现文件上传跨域
- 解决办法
- 第一种解决办法(不推荐),关闭浏览器的安全策略,在浏览器的.exe后面添加代码,代码如下:
--disable-web-security --user-data-dir
- 第二种解决办法(极不推荐),去掉后端关于文件上传控制器的权限拦截,代码如下:
需要权限:
@PostMapping("/upload")
@PreAuthorize("hasAuthority('menu_base_upload')")
public void upload(HttpServletRequest request) throws Exception{
}
- 第三种解决办法(推荐,最终解决办法),添加WebUploader携带cookie的能力,就是把withCredentials设置为true,代码如下:
initWebUpload() {
this.uploader = WebUploader.create({
...
withCredentials:true, //携带Cookie
...
}
}