Nginx resolve o problema de domínio cruzado entre Vue e Laravel

Pode-se dizer que o cross-domain JS de front-end é um problema muito antigo.Uma pesquisa na Internet vai trazer muitos deles, todos eles, mas a maioria deles envolve espaço;

Depois de muito tempo jogando, esse problema foi finalmente resolvido, agora vamos registrar.

O seguinte é configurar o Nginx para resolver o problema de domínio cruzado entre o Vue e o Laravel;

Exemplo (este é um exemplo de nome de domínio, não se importe muito, o outro conteúdo é real e pode resolver o problema):
Nome de domínio Vue front-end: http://www.sample.cn

Nome de domínio do serviço de back-end: http://api.sample.cn

 

Situação problemática (a situação problemática no front-end, estou aqui http://www.sample.cn):

A seguir está o conteúdo do erro que aparece no navegador ao pressionar 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.

 

Resolução de problemas : (Nota: é a configuração Nginx do serviço de back-end, estou aqui http://api.sample.cn)

server {

    listen 80;
    server_name api.sample.cn;

    root /sample/api;
    index index.php;

    add_header Content-