javascript - 使用重写规则后未加载 CSS 、 js 、 jpg png 帮助我

Question

我使用以下重写规则:

RewriteEngine On

RewriteCond %{REQUEST_URI} !\.(?:css|js|jpe?g|gif|png)$ [NC]
RewriteRule ^([a-z_-]+)/([0-9a-zA-Z_-]+)$ blog.php?cat_nm=$1&tit=$2 [L,NC]

# rewrite css, js and images, from root
RewriteRule ^abc/[^/]+/[^/]+/(.+)$ $1  [L]

RewriteRule ^home$ index.php [NC,L] 

RewriteRule ^([a-z_-]+)$ post.php?u=$1 [NC,L]

打开此网址时:

http://www.roominsikar.com/ask/food/payal-food-plaza  

css、js 和 img 引用不起作用。

我该如何解决？

我得到解决方案:-

非重写 url 是:-

http://www.example.com/blog.php?cat_nm=food&tit=payal-food-plaza

此网址基于

http://www.example.com/blog.php

所以我只是像这样放在顶部的头部部分:-

<base href="http://www.example/blog.php">

比 css、js img 工作得更好这个 url

http://www.example.com/blog/food&/payal-food-plaza

你会得到只放一个标签的解决方案

Answer 1

你们的资源都是相对联系的:

<link href="css/bootstrap.min.css" rel="stylesheet">

因此您的浏览器向域 + 当前路径 + 资源发出请求:

http://www.roominsikar.com/ask/food/payal-food-plaza/css/bootstrap.min.css

使资源绝对链接:

<link href="/css/bootstrap.min.css" rel="stylesheet">

它将映射到域 + 资源:

http://www.roominsikar.com/css/bootstrap.min.css