apache + tomcat +js + css 实现分离跨域

青旅半醒 2022-06-17 08:57 107阅读 0赞

http://blog.csdn.net/bayaci/article/details/7033722

结合上一篇，继续分离站点的资源，到不同的站点上去

一个java站点，使用tomcat服务器，那么需要把站点的css 、images、js都需要分离。用不同的域名的话，会碰到跨域的情况。为此，使用apache的代理来实现分离工作

css 、images、js资源全部放到

src.test.com/css/……

src.test.com/images/……

src.test.com/js/……

java 站点tomcat 服务器访问方式

ajp://127.0.0.1:8009/

其实是http://127.0.0.1:8080/

apache httpd.conf 配置

<VirtualHost \*:80>  
           
        ServerName mnr.test.com  
        RewriteEngine on  
    RewriteRule ^/(.\*) ajp://127.0.0.1:8009/sub/$1 \[P\]     
          
</VirtualHost>

之后通过http://sub.test.com 方式访问站点

因为css 、images、js资源是独立域名，有可能是在其他的服务器上，但是必须在子域名中同域名方式调用才能避免跨域的情况。

<VirtualHost \*:80>  
           
        ServerName mnr.test.com  
        RewriteEngine on  
    ProxyPass /js/ http://src.test.com/js/  
    ProxyPass /css/ http://src.test.com/css/  
    ProxyPass /images/ http://src.test.com/images/  
    RewriteRule ((?!/((js)|(css)|(img))/)^.\*$) ajp://127.0.0.1:8009/sub/$1 \[P\]  
      
          
</VirtualHost>

重启apache，就能以

调用对应关系：

sub.test.com/css                    src.test.com/css/……

sub.test.com/images                    src.test.com/images/……

sub.test.com/js                    src.test.com/js/……

sub.test.com 资源都是访问tomcat目录下的资源

发表评论取消回复

表情：

评论列表（有 0 条评论，107人围观）

还没有评论，来说两句吧...

相关阅读

相关 [跨域] 前后端分离项目，解决跨域问题

前言：现在开发网站，基本都是前后端分离进行开发，省了很多问题，但是前后端开发会遇到跨域问题，要如何解决这个问题呢，下面我们就来讲一讲。什么是前后端分离在我们开

墨蓝/ 2023年06月27日 05:48/ 0 赞/ 3 阅读

相关 tomcat解决跨域

在tomcat conf文件夹下web.xml 最底下 </web - app>里面添加以下代码即可 CorsFilter org.apache.catalina.filte

Love The Way You Lie/ 2022年12月13日 14:17/ 0 赞/ 103 阅读

相关 Nginx CORS实现JS跨域

1. 什么是跨域简单地理解就是因为JavaScript同源策略的限制，a.com 域名下的js无法操作b.com或是c.a.com域名下的对象。同源是指相同的协议、

港控/mmm°/ 2022年08月21日 11:38/ 0 赞/ 232 阅读

相关使用nginx实现js跨域

一：项目环境 2个项目 1：ruby 项目，端口为3000 2：java项目，端口为8080 二：java项目 @Controller pu

待我称王封你为后i/ 2022年08月06日 13:16/ 0 赞/ 188 阅读

相关使用jquery实现js跨域

@Controller public class ApiController { @Path("/api/v1/user/get_user_

谁践踏了优雅/ 2022年08月06日 13:16/ 0 赞/ 148 阅读

相关 apache + tomcat +js + css 实现分离跨域

http://blog.csdn.net/bayaci/article/details/7033722 结合上一篇，继续分离站点的资源，到不同的站点上去一

青旅半醒/ 2022年06月17日 08:57/ 0 赞/ 108 阅读

相关其他：js实现跨域访问

转自：[点自这里][Link 1] javascript跨域访问是web开发者经常遇到的问题，什么是跨域，一个域上加载的脚本获取或操作另一个域上的文档属性，下面将列出三种实

电玩女神/ 2022年05月21日 13:45/ 0 赞/ 205 阅读

相关前后端分离--跨域

1、跨域问题springboot中需要解决添加 @CrossOrigin 注解 2、如果注解添加在启动类里面，可以访问，但是无法回应。需要添加在具体的类上，如controll

柔光的暖阳◎/ 2022年02月24日 14:58/ 0 赞/ 322 阅读

相关 Apache 跨域 .htaccess

假如你有一个www.pic.com的图片资源站,想让www.main.com的主网站ajax跨域访问图片站的图片资源,就需要设置跨域.在哪设置呢?在图片站上设置,即www.pi

淡淡的烟草味﹌/ 2021年09月27日 21:16/ 0 赞/ 471 阅读

相关 Nginx CORS实现JS跨域

1. 什么是跨域简单地理解就是因为JavaScript同源策略的限制，a.com 域名下的js无法操作b.com或是c.a.com域名下的对象。同源是指相同的协议、

青旅半醒/ 2021年06月24日 15:58/ 0 赞/ 508 阅读