0

LaravelでAPI(PHPの場合)とVueJSの2つのアプリケーション(Admin BackofficeとFrontend Webポータル)で構成されるSPAアプリケーションを作成しています。理想的にはLaravelの別のフォルダ構造

私は好きで、別のドメインでAPIを維持したいと思いapi.mydomain.comが、DevOpsチームは、彼らによると、それはするのは難しいので、それはすなわち台無しそのCI構造を希望原因であることができなかった私に言いましたそういう形ですべてを同期させておいてください...

私は同じプロジェクトですべてをやることを余儀なくされています。今、私のVue Routesやものは、 "resources"ディレクトリの隣にあります。 Laravelの翻訳とブレードビュー... 「catch-all」ルートのブレードビューを使用すると、私はWebpackのHTMLプラグインを使用できないことを意味します。フロントエンドと管理者のビューには、個の異なる依存関係webpack.configファイル。

So.私はアイデアは、あなたが常にLaravelのindex.phpファイル経由のルートである必要があり、その後、laravelルートで私はキャッチオール単にヴューのインデックスを返す持っている

/server 
|-api (replaces the APP folder) 
| 
|--v1/ 
|---Controllers/ 
|---Middleware/ 
|---Repositories 
|---Traits 
|---routes.php 
|--Core(Kernels) 
|--Models 
|--Jobs 
|--Providers 
| 
|-bootstrap 
|-config 
|-database 
|-resources(laravel blade views (if any) and translations) 
|-storage 
|-tests(phpunit) 
|-composer.json 

/admin 
|-components 
|-views 
|--partials/ 
|-utils 
|-services 
|-vuex 
|-App.vue 
|-config.js 
|-main.js 
|-routes.js 
|-index.html 
|-package.json 
|-webpack.config.js 

次のフォルダ構造をやろうとしています.htmlこれを行うには、単純なHTMLルートファイルが必要です。Webpack HTMLプラグイン あなたはこのアイデアについてどう思いますか?実現可能か?このような分離を達成するためのよりよい方法はありますか?

答えて

0

実際に本番サーバーでそれらを分ける必要はありません。実動サーバー上のリソースフォルダーは必要ありません。必要なのは、public/assets/jsフォルダ内の2つの別々のjsファイルだけです。次に、index.blade.phpファイルで、ユーザーの役割に基づいてロードするjsファイルを選択できます。私はノードを私のプロダクションサーバにインストールしていなくて、私のapp.jsはうまく動作します。

npm run prod 

それからちょうどあなた/プロジェクト/公共/資産/ JSのにフォルダを出力JSファイルをコピー:ちょうどあなたは、次のコマンドを実行しますWebPACKのでコンパイルしたときにことを確認してください。

関連する問題