vue-admin 跨域问题解决记录

问题简介:现用vue-admin搭建一个管理后台,做到前后台分离,前台是http,后台接口用的HTTPS,用的yii框架。vue-admin本地运行时会遇到跨域问题,但发布到线上没有报错。

方案1:修改yii框架里面的cors配置  --失败 

参考解决方案: https://cloud.tencent.com/developer/ask/202342

官方文档:https://www.yiichina.com/doc/guide/2.0/rest-controllers#cors

关于为什么跨域会发送两次请求:https://www.imooc.com/article/72000

vue-admin 跨域问题解决记录_第1张图片
base控制器重写behaviors方法


报错:CORB  application/json


vue-admin 跨域问题解决记录_第2张图片
第一次请求:Provisional headers are shown 


vue-admin 跨域问题解决记录_第3张图片
第二次请求:Provisional headers are shown 

方案2:修改nginx配置

https://segmentfault.com/a/1190000012550346


vue-admin 跨域问题解决记录_第4张图片
报错


vue-admin 跨域问题解决记录_第5张图片
第一个l


vue-admin 跨域问题解决记录_第6张图片
第二个

方案3:尝试将服务器https换成http

和方案一的错误一样

方案4:webpack dev sever  -- 成功

https://www.jianshu.com/p/a155505f6662



vue-admin 跨域问题解决记录_第7张图片

总结:

你可能感兴趣的:(vue-admin 跨域问题解决记录)