【已解决】 用vue-image-crop-upload框架时上传路径跨域时报错
这是前端使用框架那一部分的代码,跟着视频走的的
<avatar-upload
:withCredentials="true"
v-model="showAvatarCutter"
field="img"
:width="300"
:height="300"
url="/admin/image/upload"
@crop-upload-success="cropUploadSuccess"
@crop-upload-fail="cropUploadFail"
img-format="png">
</avatar-upload>
这个里面的图片的上传路径url=“/admin/image/upload"
按照vue.config.js的配置的话
应该是走我的远程服务器上的,但是log里面显示的是本地域名

但是却能够在redis看到有远程服务器上请求的记录(就是前面为了防止接口频繁调用设置的,接口调用就会存入redis)
如果按照log打出来的,那远程的url应该没有调用才是,但是redis里面有说明已经调用了
但是log打出来的却是上面图片中的,并且实际上也没有上传成功
相反,如果换成其他的上传框架,又没什么问题,比如iView的upload
<Upload
ref="upload"
:on-success="handleSuccess"
:format="['jpg','jpeg','png']"
:max-size="2048"
:on-format-error="handleFormatError"
:on-exceeded-size="handleMaxSize"
:before-upload="handleBeforeUpload"
:on-error="handleOnError"
multiple
type="drag"
action="/admin/image/upload"
v-if="loopImg.length==0">
<div style="padding: 20px 0">
<Icon type="ios-cloud-upload" size="52" style="color: #3399ff"></Icon>
<p>Click or drag files here to upload</p>
</div>
</Upload>
这个上传的话,就没有问题
想知道是因为什么造成了redis里面有记录(redis有记录应该表明远程接口被访问),但是log打出来的是访问本地域
405,权限不允许。视频里的代码是有问题的。
https://www.sunofbeach.net/qa/1293104504593518592
改成这样子