ueditor解决跨域问题
问题:1.在引用vue-ueditor-wrap后,上传图片和附件出现跨域问题,前端引用了webpack去解决跨域问题,但仍然存在跨域问题?
ueditor是百度的富文本,功能较多但资料不够全,因为只对后端情况了解,所以导致这个问题找了较久。
复盘:
发现请求是前端直连后端引用,导致没有经过ng和前端webpack的跨域问题,之前觉得是前端解决了跨域问题,导致一直没定位到问题。
1.如何通过游览器区分前端是否经过了webpack然后处理的跨域问题?
当前端请求url出现端口时要么是直连要么是通过webpack跨域,当响应头中出现Access-Control-Allow-Origin时,说明一定是用webpack解决的跨域问题。所以可以通过Access-Control-Allow-Origin去判断有没有解决跨域问题。
2.后面是如何去解决ueditor跨域问题的?
定位到前端是直连后,后面将${window.SITE_CONFIG.baseUrl}
去掉但是webpack跨域仍然没有用,怀疑是ueditor组件内部不是ajax请求,导致内部存在跨域问题,webpack对ueditor组件没有效果,可以通过下面效果图能够发现。
最后解决方法,当前请求经过了ng,然后可以通过ng进行转发到8066端口,最后解决了跨域问题。