Laravel Web Route 或 API Routes 用于在前端使用 VueJS 的应用程序

Question

我们目前正在开发一个多页面应用程序，使用 VueJS 作为前端 javascript 框架，Element.io 作为 CSS 框架。

我们不会公开任何网络服务或某种类型的服务。

我们的应用程序响应迅速 - 用户可以使用桌面和移动设备创建记录。

我需要创建 API 路由还是 WEB 路由就足够了？您能想到我需要 API 路由的任何场景吗？

Answer 1

Web 路由用于前端 View ，而 API 路由用于 API 调用，你肯定需要将它们分开，因为你的 VueJS 将使用 JSON 调用你的 API 并获得 JSON 响应作为返回错误代码来处理你的错误有效率的。

网络 Controller :

return view('blade_file')->with(compact('var1', 'var2'));

如果您在此处设置错误代码，它将显示该错误代码的 Blade 文件，例如。 404 将向您显示位于 ./resources/views/errors/404.blade.php 的 Blade View 文件，但您的应用程序需要 JSON 响应而不是 HTML 响应。

API Controller :

return response()->json(compact('var1', 'var2'), 200); // success

return response()->json(['error' => 'bad request'], 400); // bad request

如果您在此处设置错误代码，您仍然会收到一个 JSON 响应，只是带有指定的错误代码。

结论:

使用 API 和 Web 路由将您的前端和后端分开，因为请求/响应的处理方式不同。

注意事项:

• 记得调用add your CSRF token in your header向此 API 发出 ajax/axios 请求时。
• 确保您的中间件是api。如果 API 只允许经过身份验证的用户，则需要中间件为 auth:api 并且需要使用 Laravel Passport .
• 请记住将 Api 的命名空间添加到您的 API 路由中，在 routes/api.php 文件或 app/Providers/RouteServiceProvider.php.