{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 Explosion°爆炸 的问题《CSS, Images, and JS not loading due to url rewrite》','https://www.manongdao.com/q-928023.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
I'm having trouble with css and images loading the moment my url ends in a /. I'm working off my localhost and the urls are rewritten in the form:
localhost/mysite/public/user/testuser/books/1234
With the request loading the user profile page of testuser and changing the page state to focus on a book with the id 1234.
Everything works fine with localhost/mysite/public/user, but the moment I introduce a / or /testuser to the url the CSS, JS, and Images break. I do have url rewriting in place and read a number of posts that state its a .htaccess rewrite problem. Here is the structure of my site:
mysite/
app/
controllers/
models/
etc...
public/
css/
styles.css
images/
profilepic.png
js/
index.php
All images, js, and css are referenced via relative path: ex: ../public/css/styles.css.
Contents of .htaccess are:
Options -MultiViews
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^(.+)$ index.php?url=$1 [QSA,L]
I read a mix of solutions including changing all the paths to absolute or changing them to /css/styles.css for example. Absolute of course works, but that doesn't make sense when I move the site to its actual domain I would need to change every instance.
There was also a note about excluding css, jpeg, etc... files from the rewrite using:
RewriteCond %{REQUEST_URI} !^.*\.(css|jpe?g|gif|png|js|ico)$ [NC]
Unfortunately none of these options worked and I'm not sure where else I should look. Any ideas?
If you don't want to change every instance when you move your site, just update the
<head>section of your html page header and add thisor
This will take care of that problem and you don't have to update all instances to absolute paths.