解決nginx/apache靜態(tài)資源跨域訪問問題詳解

更新時間：2018年10月18日 12:02:23 作者：洋灰

有時為了優(yōu)化網(wǎng)站訪問速度，會給一些靜態(tài)資源配置cdn加速，但是有時候會出現(xiàn)跨域訪問的問題，在nginx和apache服務(wù)中可進(jìn)行如下配置

1. apache靜態(tài)資源跨域訪問

找到apache配置文件httpd.conf

找到這行

#LoadModule headers_module modules/mod_headers.so

把#注釋符去掉

LoadModule headers_module modules/mod_headers.so

目的是開啟apache頭信息自定義模塊

在獨(dú)立主機(jī)配置文件中新增header

Header set Access-Control-Allow-Origin *

例如:

<VirtualHost *:88>
 ServerAdmin admin@example.com
 DocumentRoot "****************"
 ServerName www.jb51.com
 Header set Access-Control-Allow-Origin *

 ErrorLog "***********"
 CustomLog "****************************" common
<Directory "**************">
 SetOutputFilter DEFLATE
 Options FollowSymLinks ExecCGI
 Require all granted
 AllowOverride All
 Order allow,deny
 Allow from all
 DirectoryIndex index.html index.php
</Directory>
</VirtualHost>
ApacheCopy

意思是對這個域名的資源進(jìn)行訪問時，添加一個頭信息

重啟apache

service httpd restart

2. nginx靜態(tài)資源允許跨域訪問

同理找到相應(yīng)域名配置文件

在server模塊中添加配置：

add_header ‘Access-Control-Allow-Origin' ‘*';

例：

server {
    listen    80;
    add_header 'Access-Control-Allow-Origin' '*';
    location /Roboto/ {
      root  /home/images;
      autoindex on;
    }
  }

nginx重載

./nginx -s reload

通過以上方法配置完后，再次跨域訪問靜態(tài)資源就沒有問題了

以上既是nginx/apache靜態(tài)資源允許跨域訪問解決方法

您可能感興趣的文章:

相關(guān)文章

linux（center OS7）安裝JDK、tomcat、mysql 搭建java web項(xiàng)目運(yùn)行環(huán)境
這篇文章主要介紹了linux（center OS7）安裝JDK、tomcat、mysql 搭建java web項(xiàng)目環(huán)境，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-12-12
linux服務(wù)器SSH破解預(yù)防方法（推薦）
這篇文章主要介紹了linux服務(wù)器SSH破解預(yù)防方法，本文通過實(shí)例代碼相結(jié)合的形式給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2018-10-10
解讀現(xiàn)代Linux發(fā)行版為何忽略Shell腳本的SUID位
現(xiàn)代Linux系統(tǒng)禁用Shell腳本的SUID權(quán)限,因內(nèi)核執(zhí)行模型差異導(dǎo)致權(quán)限無法傳遞至解釋器進(jìn)程,歷史漏洞如環(huán)境變量中毒和命令注入促使安全設(shè)計(jì)轉(zhuǎn)向編譯型語言或sudo/setcap等更可控的權(quán)限管理方案
2025-09-09
如何解決win10與Ubuntu16.04時間不同步的問題的方法
本篇文章主要介紹了如何解決win10與Ubuntu16.04時間不同步的問題的方法，非常具有實(shí)用價(jià)值，需要的朋友可以參考下
2017-05-05
Linux中的自定義協(xié)議+序列反序列化用法
文章探討網(wǎng)絡(luò)程序在應(yīng)用層的實(shí)現(xiàn),涉及TCP協(xié)議的數(shù)據(jù)傳輸機(jī)制、結(jié)構(gòu)化數(shù)據(jù)的序列化與反序列化方法,以及通過JSON和自定義協(xié)議構(gòu)建網(wǎng)絡(luò)計(jì)算器的思路,強(qiáng)調(diào)分層處理與解耦的重要性
2025-08-08
Apache SeaTunnel 將 CDC 數(shù)據(jù)流轉(zhuǎn)換為 Appen
RowKindExtractor轉(zhuǎn)換插件用于將CDC數(shù)據(jù)流轉(zhuǎn)換為Append-Only模式,同時將原始的 RowKind 信息提取為一個新的字段,本文將介紹RowKindExtractor的核心功能,其在 CDC 數(shù)據(jù)同步場景下的使用方法,以及配置選項(xiàng)、注意事項(xiàng)及多種應(yīng)用示例,感興趣的朋友一起看看吧
2025-11-11
詳解linux下mnt目錄作用
本篇文章主要介紹了linux下mnt目錄作用，詳細(xì)的介紹了Mount命令，具有一定的參考價(jià)值，有興趣的可以了解一下。
2016-12-12
Linux漏洞掃描工具lynis使用方法解析
這篇文章主要介紹了Linux漏洞掃描工具lynis使用方法解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-08-08
linux批量替換文件內(nèi)容的實(shí)現(xiàn)方式
本文總結(jié)了Linux中批量替換文件內(nèi)容的幾種方法,包括使用sed替換文件夾內(nèi)所有文件、單個文件內(nèi)容及逐行字符串,強(qiáng)調(diào)使用反引號和絕對路徑,并分享個人經(jīng)驗(yàn)供參考
2025-07-07
Linux crontab定時任務(wù)配置方法(詳解)
下面小編就為大家?guī)硪黄狶inux crontab定時任務(wù)配置方法(詳解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-11-11