浏览器跨域 nginx 怎么配置

要配置Nginx实现浏览器跨域访问，可以按照以下步骤进行配置：
1. 在Nginx服务器上创建一个目录用于存放跨域访问资源。可以使用命令`mkdir /usr/share/nginx/corsmulti02/`来创建目录。
2. 在创建的目录中创建一个index.html文件，并添加内容。可以使用命令`echo '<h1>Corsmulti02</h1>' > /usr/share/nginx/corsmulti02/index.html`来创建文件并添加内容。
3. 在Nginx的配置文件中添加跨域访问的配置。可以使用add_header语法来配置响应头，使多个域名能够跨域访问资源。例如，可以在配置文件的相应位置使用以下语法进行配置：

add_header Access-Control-Allow-Origin "http://localhostsource01.odocker.com";
add_header Access-Control-Allow-Origin "http://source02.odocker.com";

其中，将"http://localhostsource01.odocker.com"和"http://source02.odocker.com"替换为允许跨域访问的域名。

通过以上配置，就可以实现浏览器跨域访问Nginx服务器上的资源了。在浏览器中访问"http://corsmulti02.linuxds.com/"即可跨域访问Nginx服务器上的资源。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [Nginx跨域配置](https://blog.csdn.net/m0_67391683/article/details/126113742)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [Nginx跨域访问场景配置和防盗链详解](https://download.csdn.net/download/weixin_38737335/14091819)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]