Vue跨域请求接口问题-从Nginx方解决问题

BUG员 136 2020-08-12

Vue跨域请求接口问题-从Nginx方解决问题  vue Nginx 跨域 Nginx跨域 Vue跨域 跨域请求 第1张

最近遇到一个比较麻烦的项目,项目很难搞,本地VUE +线上PHP接口

PHP接口使用的是老掉牙的thinkphp3.2且Base控制器还加密,因为交互问题爆了错误

那就是常见的跨域请求错误:

Vue跨域请求接口问题-从Nginx方解决问题  vue Nginx 跨域 Nginx跨域 Vue跨域 跨域请求 第2张

from origin 'http://localhost:8081' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

本着怎么简单怎么来的原则,从PHP方面修改的话 因为Base控制器做了加密处理 所以很麻烦

So.最简单的办法就是在Nginx方面处理

Vue跨域请求接口问题-从Nginx方解决问题  vue Nginx 跨域 Nginx跨域 Vue跨域 跨域请求 第3张

在Nginx配置里面的Server里面加入:

  add_header Access-Control-Allow-Origin *;
  add_header Access-Control-Allow-Headers X-Requested-With;
  add_header Access-Control-Allow-Methods GET,POST,OPTIONS;

问题得到解决

上一篇:小程序项目-链克商圈
下一篇:PHP接收前端Ajax Base64位图片文件处理
相关文章

 发表评论

暂时没有评论,来抢沙发吧~