将 VueJS 与 laravel 连接起来

Posted

技术标签:

【中文标题】将 VueJS 与 laravel 连接起来【英文标题】:Connecting VueJS with laravel 【发布时间】:2018-08-05 13:03:39 【问题描述】:

我和我的同事都是新手,我正在使用 VueJS 做前端,而他正在使用 Laravel 做后端。

但是我们如何连接后端和前端来部署最终产品? 我们正在努力将 VueJS 项目文件放入 laravel 项目文件中。

我们不知道把main.js放在哪里,把routers.js store.js App.vue放在laravel里面

【问题讨论】:

你看到那个网站了吗? vuejs.org/v2/guide 这是完美的检查这个并得到想法laraveldaily.com/… 谢谢你们=) 【参考方案1】:

当我作为一名初级软件工程师开始我的职业生涯时,我问了这个问题。现在我又偶然看到了这个。我们不知道如何连接后端和前端。但最终我们了解到我们正在开发一个 restAPI,因此我们将后端和前端分别托管为两个项目,并使用 restAPI 连接它们。后端和前端是两个相同的项目。 =)

【讨论】:

【参考方案2】:

在 Laravel 项目中使用 npm 安装 Vue Js,然后在你的资源/资产文件夹中你会看到 app.js, vue 组件。然后编译它,laravel mix 会将你的 app.js 文件放在 public/js/app.js 中。然后将其包含在视图文件中。

【讨论】:

以上是关于将 VueJS 与 laravel 连接起来的主要内容,如果未能解决你的问题,请参考以下文章

将 postgres 与 laravel 连接起来

将 XAMPP 中的 phpMyAdmin 与 Laravel 项目连接起来

Laravel VueJs 的最佳组合是怎样的? [关闭]

如何使用 Laravel 将两个表与数据透视表连接起来?

laravel刀片将youtube iframe与变量连接起来[重复]

尝试将 AngularJS var 与 Laravel Blade var 连接起来