前端 Access-Control-Allow-Origin 跨域问题解决，设置允许多个域名访问

前言

nginx 设置资源和网站分离的时候，访问资源出现了跨域（Access-Control-Allow-Origin）问题，该问题是HTML5对安全做的一个限制，下面详细介绍解决方法

Access to font at 'https://cdn-static.swvq.com/fonts/iconfont.woff2' from or

Access-Control-Allow-Origin 被跨域限制了

一、Nginx 允许编写的跨域方式

1、允许所有域名访问

add_header Access-Control-Allow-Origin *;

2、允许指定域名访问

add_header Access-Control-Allow-Origin https://www.swvq.com;

3、允许多个指定域名访问

set $cors_origin "";
if ($http_origin ~* "^https://www.swvq.com$") {
  set $cors_origin $http_origin;
}
if ($http_origin ~* "^https://swvq.com$") {
  set $cors_origin $http_origin;
}
add_header Access-Control-Allow-Origin $cors_origin;

二、Nginx 不允许编写的跨域方式

描述：使用逗号分隔的方式

add_header Access-Control-Allow-Origin https://1.swvq.com,https://2.swvq.com;

本篇文章来至：学新通