前端显示本地图片_webUploader 获取图片 cross

9eccae5250c2cc8e32b9e51f4b034e53.png

当显示上次已经上传的图片时,由于服务端没有进行设置,本地js代码也有问题,下面就记录下这个过程。

1.浏览器控制台 console 下的报错如下:

Access to XMLHttpRequest at 'http://139.198.18.156//CENTER/IMG/1536289650493.jpg' from origin 'http://127.0.0.1:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status.

2.network 下的报错信息如下:

1895f129cea95008261b058e7a423428.png

线索:

1.图片是可以正常访问的,

8abb1ea69bbab1c5bc18903f242e25ab.png

2.核实前端代码.

0b65449f18e238155b2189f90023c78b.png

上面的代码标红的,需要去掉。

3.相同的前台代码,因为直接访问 *.lllnet.cn 中的文件是可以的,但自己的图片服务器就是有问题,于是怀疑是后台配置问题,

对比已有的域名,和现有的 nginx 的配置,

e3124478fa64eeb7dfd338ef64af42aa.png
d100c4b1478c16c031064626cf90642c.png

自己的图片情况如下:

f6b75e4874be8eb1c9e95abc619603cc.png
647b24af49cec34fb9b8c323353be6d4.png

此时,程序还是有问题,查资料,发现本地的 js代码存在问题,js端的 access-control-allow 等参数是不允许修改的,参考文档

https://www.cnblogs.com/cdwp8/p/5157377.html

最后修改了js 代码

5b7384d02e5c23805a58bc1a11ebb31e.png

nginx 也进行了修改

6ac2c76c1799abf0e9e70f93762eed9f.png

最后解决了 cros 跨域问题,但原理的分析还在进行中......

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值