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

BUG员 136 2020-08-12

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

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

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

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方面处理

在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;

问题得到解决