我想做一个使用Vue.js和Laravel的网站。似乎每个教程都是用来制作SPA的。对于我的特定应用程序,SPA没有意义。我不知道如何构造我的Vue代码,因为它需要在每个页面上创建不同的实例,使用不同的方法,等等。如果我试图在每个页面上实例化一个单独的vue实例,我每次都必须在我的请求头中包含一个CSRF令牌,这感觉不正确。
使用vue的多页面laravel应用程序的一般架构是什么?
发布于 2019-11-03 23:06:02
每个教程都是用来制作SPA的
默认的Laravel 5.8安装附带预安装和配置的VueJS ,不带SPA
不要使用Vue Router
在Laravel 6+中,通过laravel/ui
设置的Vue预设也是以同样的方式配置的
我不知道如何组织我的Vue代码
在不同的脚本文件中创建不同的Vue实例,而不是在app.js
中创建一个全局实例
每次我都必须在我的请求头中包含一个CSRF令牌
不,这与Vue无关,移动此代码
window.axios = require('axios');
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
let token = document.head.querySelector('meta[name="csrf-token"]');
window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
在app.blade.php
中编译脚本后,在webpack.mix.js
中对其进行bootstrap.js
并在app.blade.php
中加载脚本
这是如果您不想在所有地方都包含app.js
实例,或者只是从该文件中删除Vue全局实例
希望这能有所帮助
https://stackoverflow.com/questions/58680575
复制相似问题