如何在Laravel中包含复杂的Vue应用

Question

我有一个Laravel项目，其中应包含其他Vue应用程序。

其中一些应用程序非常复杂（具有自己组件的独立app.js文件）。

Laravel如何管理不同的vue应用，每个vue应用都有自己的app.js文件和组件？

Answer 1

解决此问题的一种方法是将vue应用程序编写为单独的项目（仅使用前端技术），并使用RESTful API与laravel连接。

这实际上是简单的micro-services体系结构（包括前端和后端代码之间的严格分隔）。如果您决定这样做，您将面临CORS问题（但请放心-您会在互联网上找到许多解决方案，例如this），因为vue应用程序将位于您的其他域/子域中RESTful laravel API。

Laravel支持创建宁静的API controllers-cmd：

php artisan make:controller API/MovieController --api --model=Movie

路由routes/api.php：

Route::group(['prefix'=>'v1'], function() {
   Route::apiResource('movies', 'API\MovieController');
   ...
});

最好用于api身份验证Laravel Passpor t（oauth2）

您还应该使用一些现代的前端技术（例如webpack，nmp）构建单独的vue应用程序（这里有一些example，但您可能会发现更好的方法）...长话短说-但这是个好方向:) < / p>