Search code examples
ember.jsember-cli

using baseUrl affects the path to my assets

I'm integrating an ember-cli app inside my main site which will be accessible at url http://host/faq/....ember...routes

So I added baseUrl: /faq/ to my ember

config/environment.js

module.exports = function(environment) {
  var ENV = {
    modulePrefix: 'faq',
    environment: environment,
    baseURL: '/faq/',
    locationType: 'hash',

The problem: While developing in my ember-cli environment with ember server my assets such as (SVG, FONTS and IMAGES) are giving me a NOT FOUND now.

For example: http://host/assets/images/bg.png gives me a not found it now expects http://host/faq/assets/images/bg.png. Why is this happening?

Solution

  • I had the same problem with this project: Ember-Material-Navigation

    I fixed this issue by defining a baseUrl variable in my main sass file and concatenating to all external urls.

    $baseUrl: "/faq/";
@include font-face("Font Name", font-files($baseUrl + "/dir/font.ttf"));

    However, this only works if you are using sass.