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-