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

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

有時(shí)為了優(yōu)化網(wǎng)站訪問速度，會給一些靜態(tài)資源配置cdn加速，但是有時(shí)候會出現(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

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

重啟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)文章

Centos6.5升級glibc過程介紹
大家好，本篇文章給大家分享的是Centos6.5升級glibc過程介紹，感興趣的同學(xué)趕快來看一看吧，如果對你有幫助的話記得收藏一下哦！
2021-11-11
詳解CentOS阿里云云服務(wù)器硬盤分區(qū)及掛載
這篇文章主要介紹了詳解CentOS阿里云云服務(wù)器硬盤分區(qū)及掛載 ,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-12-12
Ubuntu16.04安裝Jenkins的方法圖文詳解
這篇文章主要介紹了Ubuntu16.04安裝Jenkins,本文圖文并茂給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2019-11-11
Windows下安裝Apache 2.2.21圖文教程
這篇文章主要介紹了Windows下安裝Apache 2.2.21圖文教程,文中還列舉了一些安裝中可能遇到的常見問題,需要的朋友可以參考下
2014-07-07
VMWare中CentOS ifcfg-eth0配置方法(親測直接可用)
本篇文章主要介紹了VMWare中CentOS ifcfg-eth0配置，這些配置是基于VMware Network Adapter VMnet8，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。
2017-03-03
Xshell7遠(yuǎn)程連接失敗(connection failed)的問題解決
本文主要介紹了Xshell7遠(yuǎn)程連接失敗(connection failed)的問題解決，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2022-08-08
Linux系統(tǒng)中sudo命令的十個(gè)技巧總結(jié)
Linux 下使用Sudo 命令,可以讓普通用戶也能執(zhí)行一些或者全部的root命令，下面這篇文章主要給大家介紹了關(guān)于Linux系統(tǒng)中sudo命令的十個(gè)技巧，需要的朋友可以參考借鑒，下面來一起看看吧。
2018-04-04
inux下gettimeofday函數(shù)windows替換方法(詳解)
下面小編就為大家?guī)硪黄猧nux下gettimeofday函數(shù)windows替換方法(詳解)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-12-12
Linux快速生成大文件方式
這篇文章主要介紹了Linux快速生成大文件方式,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2023-09-09
centeros7 安裝配置環(huán)境jdk1.8的教程
這篇文章主要介紹了centeros7 安裝配置環(huán)境jdk1.8的教程，本文圖文并茂給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-09-09