title: Laravel Vuejs deploy application in hosted server
body: <p>Please, I try to host my Laravel-Vuejs application in my hosted server, but it doesn't work.</p>
  
  <p>I get this msg in my web inspector</p>
  
  <pre><code>DevTools failed to parse SourceMap: http://sample.com/myproject/js/bootstrap.js.map
  app.js:107387 app vue
  app.js:18929 You are running Vue in development mode.
  Make sure to turn on production mode when deploying for production.
  See more tips at https://vuejs.org/guide/deployment.html
  </code></pre>
  
  <p>And I get always blank page (components not loaded), how can I fix this, please. thanks</p>
  
  <p><strong>Package.json</strong></p>
  
  <pre><code>{
      "private": true,
      "scripts": {
          "dev": "npm run development",
          "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
          "watch": "npm run development -- --watch",
          "watch-poll": "npm run watch -- --watch-poll",
          "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
          "prod": "npm run production",
          "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
      },
      "devDependencies": {
          "axios": "^0.18",
          "bootstrap": "^4.1.3",
          "cross-env": "^5.2.0",
          "jquery": "^3.2",
          "laravel-mix": "^2.0",
          "lodash": "^4.17.4",
          "popper.js": "^1.14.4",
          "vue": "^2.5.17"
      },
      "dependencies": {
          "bootstrap-vue": "^2.0.0-rc.11",
          "cross-spawn": "^6.0.5",
          "css-loader": "^0.28.11",
          "moment": "^2.22.2",
          "style-loader": "^0.21.0",
          "vee-validate": "^2.0.9",
          "vue-moment": "^4.0.0",
          "vue-progressbar": "^0.7.5",
          "vue-router": "^3.0.1",
          "vue-scrollspy": "^0.1.3",
          "vue-spinner": "^1.0.3",
          "vue-template-compiler": "^2.5.17",
          "vue2-scrollspy": "^2.3.1",
          "vuejs-datepicker": "^1.5.2",
          "vuex": "^3.0.1",
          "webpack-dev-server": "^3.1.5"
      }
  }
  </code></pre>
  
  <p><strong>webpack.mix.js</strong></p>
  
  <pre><code>let mix = require('laravel-mix');
  
  mix.js('resources/assets/js/app.js', 'public/js')
     .sass('resources/assets/sass/app.scss', 'public/css');
  </code></pre>