Nginx解决Vue和Laravel之间的跨域问题

前端JS跨域可以说是一个很古老的问题,网上一搜索会出来一大堆,各种都有,但大多都是涉及篇幅;

折腾了不少时间,终于解决了这个问题,现在记录一下。

以下针对配置Nginx来解决Vue和Laravel之间的跨域问题;


示例(这是举例的域名,不要太在意哈,其它内容是真实能解决问题):
前端Vue域名:http://www.sample.cn

后端服务域名:http://api.sample.cn

问题情况(前端出现的问题情况,我这里是http://www.sample.cn):

以下是在浏览器按F12中出现的错误内容;

Access to XMLHttpRequest at 'http://api.sample.cn/api/test' from origin 'http://www.sample.cn' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

问题解决:(注意:是后端服务的Nginx配置,我这里是http://api.sample.cn)

server {

    listen 80;
    server_name api.sample.cn;

    root /sample/api;
    index index.php;

    add_header Content-

猜你喜欢

转载自blog.csdn.net/juesystem/article/details/112920051
今日推荐