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

青旅半醒 2022-06-17 08:57 122阅读 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 条评论，122人围观）

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

相关阅读

相关 Tomcat跨域配置

问题描述在服务器的tomcat上面，挂载了一个共享路径，然后在前端浏览器请求的时候出现了跨域的问题。解决方法前端请求服务器的资源出现跨域的时候，一般是

港控/mmm°/ 2023年07月24日 08:58/ 0 赞/ 1 阅读

相关原生js实现jsonp跨域 jquery 实现跨域 vue实现跨域请求

原生js实现jsonp跨域 jquery 实现jsonp跨域 vue实现http跨域请求在不同域名下请求数据就会产生跨域问题同源：同一协议，同一域名，同一端口号。

待我称王封你为后i/ 2023年06月22日 04:29/ 0 赞/ 28 阅读

相关 tomcat解决跨域

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

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

相关 Nginx CORS实现JS跨域

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

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

相关使用nginx实现js跨域

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

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

相关使用jquery实现js跨域

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

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

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

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

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

相关前后端分离--跨域

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

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

相关 Apache 跨域 .htaccess

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

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

相关 Nginx CORS实现JS跨域

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

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