Cannot load css/js with relative path

Question

I've get a html with css & js like this in an ROR project

/public/foo/index.html  
/public/foo/js/main.js  
/public/foo/css/main.css

and in the index.html conclude js & css with relative path

<script type="text/javascript" src="js/main.js"></script>  
<link href="css/main.css" rel="stylesheet">

and I add the following to route

match '/foo', :to => redirect('/public/foo/index.html')

So now I can access the index with 0.0.0.0/foo
but of course cannot load css & js

so how to load css & js without edit the path in index.html?

Do I have to move css & js to another position?

Your path should be like 'foo/js/main.js' and 'foo/css/main.css' because all these files are under 'foo' folder. — Arun
– Arun, Commented Jul 6, 2012 at 6:45

davidrac · Accepted Answer · 2012-07-06 05:38:39Z

1

it's best to stick with rails standard and put the js and css under their respective app/assets directory (javascripts or stylesheets)

answered Jul 6, 2012 at 5:38

davidrac

10.8k3 gold badges45 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1