使用.htaccess重定向后无法显示图片,CSS失效,该如何处理

2019-11-12 02:56:39

参考地址  使用.htaccess重定向后无法显示图片,CSS失效,该如何处理

RewriteRule !\.(js|ico|gif|jpg|png|css)$ /wp/$1

<IfModule mod_rewrite.c> RewriteEngine On 

RewriteCond %{HTTP_HOST} ^(www\.)?mydomain\.org$ 
RewriteCond %{REQUEST_URI} !^/wp/ RewriteCond %{REQUEST_FILENAME} !-f 
RewriteCond %{REQUEST_FILENAME} !-d 
RewriteRule ^(.*)$ /wp/$1 RewriteCond %{HTTP_HOST} ^(www\.)?mydomain\.org$ 
RewriteRule ^(/)?$ wp/index.php [L] RewriteCond %{HTTP_HOST} ^(bbs\.)?mydomain\.org$ 
RewriteCond %{REQUEST_URI} !^/bbs/ RewriteCond %{REQUEST_FILENAME} !-f 
RewriteCond %{REQUEST_FILENAME} !-d 
RewriteRule ^(.*)$ /bbs/$1 RewriteCond %{HTTP_HOST} ^(bbs\.)?mydomain\.org$ 
RewriteRule ^(/)?$ bbs/index.php [L] RewriteCond %{HTTP_HOST} ^(blog\.)?mydomain\.org$ 
RewriteCond %{REQUEST_URI} !^/blog/ RewriteCond %{REQUEST_FILENAME} !-f 
RewriteCond %{REQUEST_FILENAME} !-d 
RewriteRule ^(.*)$ /blog/$1 RewriteCond %{HTTP_HOST} ^(blog\.)?mydomain\.org$ 
RewriteRule ^(/)?$ blog/index.php [L] </IfModule> 12345678910111213141516171819202122232425262728

现在我需要把这个域名泛解析到blog目录(*.mydomain.org),同时保持另外两个目录的解析不变。尝试对最后一段作以下修改后(前面的内容不变),出现问题:另两个目录中的网站内的图片无法显示,CSS全部失效。
修改如下:

RewriteCond %{HTTP_HOST} ^(.*\.)?mydomain\.org$ 
RewriteCond %{REQUEST_URI} !^/blog/ RewriteCond %{REQUEST_FILENAME} !-f 
RewriteCond %{REQUEST_FILENAME} !-d 
RewriteRule ^(.*)$ /blog/$1 RewriteCond %{HTTP_HOST} ^(.*\.)?mydomain\.org$ 
RewriteRule ^(/)?$ blog/index.php [L] 1234567

各目录下安装的程序分别为:

\bbs  Discuz
\blog Supersite+S-Space
\wp   WordPress123

------解决方案--------------------
给你一个例子,其他同理,你参考一下

RewriteRule !\.(js|ico|gif|jpg|png|css)$ /wp/$1RewriteRule ^(.*)$ /wp/$1


  • 2020-04-01 10:15:11

    vue-cli3.0中vue.config.js的基本配置(去除esLint提示和解决build后静态文件路径报错)

    vue-cli是开发vue项目必不可少的脚手架工具,3.0版本之前的目录结构是由config目录的,关于webpack配置的文件都放在该目录里面,而3.0版本之后做了一个大更新,webpack相关的默认配置都帮你集成到webpack的npm 包里面去了,官方提供的一种修改配置的方式就是开发者自己在项目的根目录(与src同层级的目录)下建立一个vue.config.js的文件,然后去覆盖自定义的配置,达到你想要的效果,下面写一个基本的默认配置

  • 2020-04-01 10:21:20

    Vue extend $mount 构造器详解

    本节介绍两个 Vue.js 内置但却不常用的 API——extend 和 $mount,它们经常一起使用。不常用,是因为在业务开发中,基本没有它们的用武之地,但在独立组件开发时,在一些特定的场景它们是至关重要的。

  • 2020-04-01 15:36:52

    CSS3中的transition属性详解

    transition: property duration timing-function delay transition属性是个复合属性,她包括以下几个子属性: transition-property :规定设置过渡效果的css属性名称 transition-duration :规定完成过渡效果需要多少秒或毫秒 transition-timing-function :指定过渡函数,规定速度效果的速度曲线 transition-delay :指定开始出现的延迟时间