In a production environment you\u2019ll eventually want to load assets (images, CSS and JS) from a different server. Perhaps you\u2019re running your own asset server or you\u2019re even using a CDN. This will require the files to be linked with an absolute URL. But in your development environment you don\u2019t want this \u2013 you want assets to be loaded directly from the same server.
\n<\/p>\n
So this is what you do. Use Symfony\u2019s asset() function for every asset you want to load from the asset server:<\/p>\n
\r\n<link rel="stylesheet" href="{{ asset('css\/style.css') }}" type="text\/css" media="all" \/>\r\n<script type="text\/javascript" src="{{ asset('js\/scrips.js') }}"><\/script>\r\n<img src="{{ asset('images\/teaser.png') }}" \/>\r\n<\/pre>\nIf you\u2019re using Assetic you\u2019ll have to add the asset() function to asset_url:<\/p>\n
{% javascripts '@AcmeFooBundle\/Resources\/public\/js\/*' %}\r\n <script type="text\/javascript" src="{{ asset(asset_url) }}"><\/script>\r\n{% endjavascripts %}<\/pre>\nNow you can have different configuration for your production and development environment:<\/p>\n
framework:\r\n templating:\r\n engines: ['twig']\r\n assets_base_urls: http:\/\/assets.yourdomain.com\r\n<\/pre>\nframework:\r\n templating:\r\n assets_base_urls: ~ # Files are loaded with relative path\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"In a production environment you\u2019ll eventually want to load assets (images, CSS and JS) from a different server. Perhaps you\u2019re running your own asset server or you\u2019re even using a CDN. This will require the files to be linked with an absolute URL. But in your development environment you don\u2019t want this \u2013 you want […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"_links":{"self":[{"href":"https:\/\/xfloyd.net\/blog\/index.php?rest_route=\/wp\/v2\/posts\/878"}],"collection":[{"href":"https:\/\/xfloyd.net\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xfloyd.net\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xfloyd.net\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xfloyd.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=878"}],"version-history":[{"count":10,"href":"https:\/\/xfloyd.net\/blog\/index.php?rest_route=\/wp\/v2\/posts\/878\/revisions"}],"predecessor-version":[{"id":888,"href":"https:\/\/xfloyd.net\/blog\/index.php?rest_route=\/wp\/v2\/posts\/878\/revisions\/888"}],"wp:attachment":[{"href":"https:\/\/xfloyd.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=878"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xfloyd.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=878"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xfloyd.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=878"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}