Homestead+laravelとVue-cliを別ディテクトリで連携する

/app
├ Homestead/
| ├ Homestead.yaml
| └ その他ファイル
| 
└ code/
  └ project1/
    ├ my-laravel
    └ my-vuecli

//起動
$ vagrant up //（vagrant up --provision)

//ログイン
$ vagrant ssh

//グローバルのcomposerのアップデート
$ composer global update

//laravelをインストール
$ laravel new my-laravel

//インストール
$ npm install -g vue-cli

//確認
$ vue --version

//vueプロジェクトを作る
$ vue create my-vuecli
(注意：Manually selectを選んでrouterとvuexを入れる)

npm run serve

//vue.config.jsをVue-cliプロジェクトルートに作成
touch vue.config.js

module.exports = {
  devServer: {
      disableHostCheck: true,  
      host: '192.168.**.**',  //ホスト(homesteadのIP)
      port: 4000  //ポート
  },
};

my-vuecli
├ src
| └ app
|   ├ assets
|   ├ components
|   ├ router
|   ├ store
|   ├ views
|   ├ App.vue
|   └ main.js
|
├ templates
| └ base.html
|
├ vue.config.js

//srcフォルダの中身をappフォルダに移動(名前がappに変わる）
$ mv src app 

//srcフォルダを作成
$ mkdir src

//appフォルダを丸ごとsrcに移動
$ mv app src 

import HelloWorld from "@/components/HelloWorld.vue"
↓変更後
import HelloWorld from "@/app/components/HelloWorld.vue"

//テンプレートを入れておく場所を作成
$ mkdir templates
//index.htmlをbase.htmlとして移動する
$ mv public/index.html templates/base.html

touch vue.config.js

module.exports = {
  // アセットはLaravelの `public` の `app` ディレクトリ配下に作成されるようにする.
  outputDir: ‘../my-laravel/public/app',


  // app配下にjs, cssなどが置かれるので、publicPathを調整する
  //laravelのbladファイルが読み込むcssやjsファイルのパス
  publicPath: '/app',


  pages: {
  // appのエントリポイント、テンプレート、(css、jsなどの)出力先を調整
    app: {
      // エントリーポイント([アセットの自動注入など]最初に実行されるjsファイル)
      entry: 'src/app/main.js',
      // テンプレートのHTML
      template: 'templates/base.html', 
      //build時に出力されるファイル名
      filename: '../../resources/views/spa/app.blade.php', 
    },
  },
};

const router = new VueRouter({
  mode: 'history',
  base: '/test/',
  //base: process.env.BASE_URL,
  routes
})

rm -rf package.json webpack.mix.js yarn.lock resources/assets

php artisan make:controller SpaController

use Illuminate\Http\Request;

class SpaController extends Controller
{
    public function app()
    {
        return view('spa/app');
    }
}

Route::get('/app{any}', 'SpaController@app')->where('any', '(/?$|/.*)');

npm run build