I have a web based app with the back-end build on Rails 5. I am using AngularJS for the front end. I am not using Asset Pipeline to serve any static content, all my scripts(JS&CSS) are loaded in the index.html file located in the public directory and from there I'm using angular's ng-route to further manage the location.

The problem arises when in one of my HTML page I need to include an image using the HTML image tag, the problem is that the server cannot find the image file.

<img src="assets/images/logo.jpg" style="padding-bottom:20px;" />

I tried keeping my image both in app/assets/images and public/assets/images directory but on all the instances I get routing error stating no route found in my rails server console.

Referring to several stack overflow answers I tried this line in my config development.rb file :

  config.public_file_server.enabled = true

But it didn't work. So how can I have served images without using the Rails Assetpipeline?

I have a web based app with the back-end build on Rails 5. I am using AngularJS for the front end. I am not using Asset Pipeline to serve any static content, all my scripts(JS&CSS) are loaded in the index.html file located in the public directory and from there I'm using angular's ng-route to further manage the location.

The problem arises when in one of my HTML page I need to include an image using the HTML image tag, the problem is that the server cannot find the image file.

<img src="assets/images/logo.jpg" style="padding-bottom:20px;" />

I tried keeping my image both in app/assets/images and public/assets/images directory but on all the instances I get routing error stating no route found in my rails server console.

Referring to several stack overflow answers I tried this line in my config development.rb file :

  config.public_file_server.enabled = true

But it didn't work. So how can I have served images without using the Rails Assetpipeline?

• javascript
• ruby-on-rails
• angularjs
• ruby-on-rails-5

• Try giving <img src="/assets/logo.jpg" style="padding-bottom:20px;" /> instead of <img src="assets/images/logo.jpg" style="padding-bottom:20px;" /> – Pavan Commented Jun 11, 2017 at 8:30
• Tried that as well, it did not worked. localhost:3000/assets/images/logo.jpg – Paras Commented Jun 11, 2017 at 8:47

1 Answer 1

To serve images without using the asset pipeline, put your images in the public directory.

An image at your_app/public/images/logo.jpg is referenced using <img src="/images/logo.jpg in your view.

Rails also provides a helper method for this, which generates the same code but provides some additional Rails features:\

<%= image_tag('/images/logo.jpg') %>

Again, you omit the public part of the path. Furthermore, I'd advise against having a directory in public called assets - that will get overridden by the asset pipeline. It'll also confuse you. I'd change that directory name to something else.