title: How to set absoulte URL on laravel and vue JS project
body: <p>I am building my app using this theme: <a href="https://pixinvent.com/demo/vuexy-vuejs-laravel-admin-template/demo-1/dashboard/ecommerce" rel="nofollow noreferrer">https://pixinvent.com/demo/vuexy-vuejs-laravel-admin-template/demo-1/dashboard/ecommerce</a></p>
  <p>It's laravel and Vue js.</p>
  <p>In this theme I ca see that all images path is related like this :</p>
  <pre><code>&lt;img src=&quot;/images/_/_/_/_/FeedParserProject/resources/js/src/assets/images/logo/logo.jpeg&quot; alt=&quot;logo&quot; class=&quot;&quot; style=&quot;max-width: 80px;&quot;&gt;
  </code></pre>
  <p>For this above path they are using like this way:</p>
  <pre><code>:src=&quot;require('@/assets/images/projects/xml.png')&quot;
  </code></pre>
  <p><strong>and the vue.config.js file is :</strong></p>
  <pre><code>const path = require('path')
  
  module.exports = {
    publicPath: '/',
    lintOnSave: false,
    css: {
      loaderOptions: {
        sass: {
          sassOptions: {
            includePaths: ['node_modules', 'resources/assets'],
          },
        },
      },
    },
    configureWebpack: {
      resolve: {
        alias: {
          '@resources': path.resolve(__dirname, 'resources/'),
          '@': path.resolve(__dirname, 'resources/js/src/'),
          '@themeConfig': path.resolve(__dirname, 'resources/js/themeConfig.js'),
          '@core': path.resolve(__dirname, 'resources/js/src/@core'),
          '@validations': path.resolve(__dirname, 'resources/js/src/@core/utils/validations/validations.js'),
          '@axios': path.resolve(__dirname, 'resources/js/src/libs/axios'),
        },
      },
    },
    chainWebpack: config =&gt; {
      config.module
        .rule('vue')
        .use('vue-loader')
        .loader('vue-loader')
        .tap(options =&gt; {
          // eslint-disable-next-line no-param-reassign
          options.transformAssetUrls = {
            img: 'src',
            image: 'xlink:href',
            'b-avatar': 'src',
            'b-img': 'src',
            'b-img-lazy': ['src', 'blank-src'],
            'b-card': 'img-src',
            'b-card-img': 'src',
            'b-card-img-lazy': ['src', 'blank-src'],
            'b-carousel-slide': 'img-src',
            'b-embed': 'src',
          }
          return options
        })
    },
    transpileDependencies: ['vue-echarts', 'resize-detector'],
  }
  </code></pre>
  <p>But I want to make path as absolute, like:</p>
  <pre><code>&lt;img src=&quot;http://www.localhost:3000/..........&quot; alt=&quot;logo&quot; class=&quot;&quot; style=&quot;max-width: 80px;&quot;&gt;
  </code></pre>
  <p>Can you tell me how can I do this?</p>