title: Expose static assets in nuxt
body: <p>I'm trying to refactor a bootstrap theme into a nuxt project. I want to serve the static files from static folder which looks like:</p>
  
  <p><a href="https://i.stack.imgur.com/68GYo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/68GYo.png" alt="enter image description here"></a></p>
  
  <p>In my nuxt.config file I have:</p>
  
  <pre><code>head: {
  title: pkg.name,
  meta: [
    { charset: 'utf-8' },
    { name: 'viewport', content: 'width=device-width, initial-scale=1' },
    { hid: 'description', name: 'description', content: pkg.description },
  ],
  link: [
    { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
    { rel: 'stylesheet',  href: '/static/css/fancybox/jquery.fancybox.css' },
    { rel: 'stylesheet',  href: '/static/css/bootstrap.css' },
    { rel: 'stylesheet',  href: '/css/bootstrap-theme.css' },
    { rel: 'stylesheet',  href: '/css/slippry.css' },
    { rel: 'stylesheet',  href: '/static/css/style.css' },
    { rel: 'stylesheet',  href: '/static/color/default.css' },
  ],
  script:[{'src': 'static/js/modernizr.custom.js' }]
  </code></pre>
  
  <p>},</p>
  
  <p>However in my dev tools I see:</p>
  
  <p><a href="https://i.stack.imgur.com/ZcG0l.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZcG0l.png" alt="enter image description here"></a></p>
  
  <p>I've read <a href="https://nuxtjs.org/guide/assets/" rel="nofollow noreferrer">https://nuxtjs.org/guide/assets/</a> but am still not clear how to make these assets available</p>
  
  <p>How can I get this working?</p>
  
  <p>EDIT: Following your directions I now have:</p>
  
  <pre><code>head: {
  title: pkg.name,
  meta: [
    { charset: 'utf-8' },
    { name: 'viewport', content: 'width=device-width, initial-scale=1' },
    { hid: 'description', name: 'description', content: pkg.description },
  ],
  link: [
    { rel: 'icon', type: 'image/x-icon', href: '~assets/favicon.ico' },
    { rel: 'stylesheet',  href: '~assets/css/fancybox/jquery.fancybox.css' },
    { rel: 'stylesheet',  href: '~assets/css/bootstrap.css' },
    { rel: 'stylesheet',  href: '~assets/css/bootstrap-theme.css' },
    { rel: 'stylesheet',  href: '~assets/css/slippry.css' },
    { rel: 'stylesheet',  href: '~assets/css/style.css' },
    { rel: 'stylesheet',  href: '~assets/color/default.css' },
  ],
  script:[{'src': '~assets/js/modernizr.custom.js' }]
  
   },
  </code></pre>
  
  <p>My directory structure:</p>
  
  <p><a href="https://i.stack.imgur.com/O8Na2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/O8Na2.png" alt="enter image description here"></a></p>
  
  <p>However when I try:</p>
  
  <pre><code>$npm run dev
  </code></pre>
  
  <p>I see:</p>
  
  <p><a href="https://i.stack.imgur.com/vkNBt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vkNBt.png" alt="enter image description here"></a></p>