在我们的 laravel 项目中，让我们使用 yarn 运行一个命令，并选择 vue 和 typescript。将项目名称设置为：FrontEndApp选择：Vue选择：Ty
原创
2023-01-28 11:23:13
595阅读
添加inertia支持就可以使用vue下列4行执行完成就行了composerrequirelaravel/breeze--devphpartisanbreeze:install--inertianpminstallnpmrundevphpartisanmigrate
原创
2021-04-28 08:04:04
1454阅读
引入app.js app.css<link rel="stylesheet" href="{{asset('css/app.css')}}"><script src="{{asset('js/app.js')}}"></script><div id="app"> <example></example>...
原创
2022-09-09 10:26:01
94阅读
使用vue-router创建路由器: router/index.jsnew VueRouter({ routes: [ { // 一般路由 pa
原创
2022-11-07 17:44:59
25阅读
参考文档 https://learnku.com/docs/laravel/8.x/sanctum/9421#spa-authentication 实践中遇到的问题 spa客户端死活不添加cookie分析 1.客户端使用的请求如：axios，没有启用跨域cookie axios.defaults.w ...
转载
2021-08-03 21:41:00
129阅读
2评论
目标1.如何使用vue-cli搭建SPA项目2.如何在spa项目中使用路由3.嵌套路由的使用前提搭好NodeJS环境看图分析目标：1.如何使用vue-cli搭建SPA项目什么是vue-cli?vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下：vue init webpack xxx注意：xxx 为自己创建项目的名称必须先安装...
原创
2021-06-17 15:47:30
348阅读
lpaca-Spa-Laravel 是用Alpaca-Spa + Laravel 前后端分离开发的一款后台管理系统的DEMO. 主要功能模块有登录、定时任务管理、用户管理、权限管理、个人信息管理等。在实际开发中可以根据具体的需求添加新的功能。 开发模式为前后分离开发，Alpaca-Spa负责实现前端功能，包括组织页面结构，渲染页面数据、样式，交互逻辑等，Laravel负责提供后台功能，访问数据库，
原创
2021-03-21 10:49:21
882阅读
直接贴 门户项目代码 // 全局router 直接挂载路由导航守卫 router.beforeEach((to, from, next) => { if (to.meta.title) { var title = to.path.startsWith("/news") ? to.meta.metas ...
转载
2021-08-12 14:54:00
304阅读
2评论
目录SPA项目搭建SPA项目路由嵌套案例SPA项目搭建今天的搭建是在nodeJS环境搭建好后的基础上实行搭建的什么是vue-clivue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下：vue init webpack xxx搭建步骤一、安装vue-cli执行代码：npm install -g vue-cli成功后会在你的vue-g...
原创
2021-09-02 11:06:37
141阅读
什么是vue-cli?vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下：vue init webpack xxxa、：xxx 为自己创建项目的名称b、：必须先安装vue,vue-cli，webpack，node等一些必要的环境安装vue-clinpm install -g vue-cli一：安装成功后，会出现如下文件D:\in...
原创
2021-09-10 18:20:43
132阅读
ipa文件的安装方法有两种：一种是使用iTunes安装， 另外一种是使用第三方软件安装。
ipa文件是苹果iTunes能够识别的软件，直接把它拖动到iTunes里面，(文件->添加到资料库)，然后连接你的
iOS
设备，这样iTunes就可以识别到你的应用程序，然后同步就可以了
1、打开你的ITunes,选择 文件->添加到资料库
转载
2023-07-22 14:51:49
89阅读
大纲 1、传统路由 2、SPA导航 3、客户端路由器的工作机制1、传统路由 在传统Web应用程序中，导航是以整个Web页面为单位进行的。当在浏览器地址栏输入一个新的URL地址时，通常情况下，页面请求从浏览器发往服务器，服务器响应并返回一个完整的HTML页面。 其返回的是请求页面的HTML文档，浏览器收到页面HTML文档之后，将获取该文档引用的其他所有源文件，如CSS与JavaScript
转载
2023-09-30 16:12:20
118阅读
SPA 单页 Web 应用（single page web application, SPA），就是只有一张 Web 页面页面的应用，是加载单个 HTML 页面并在用户与应用程序交互时动态更新改页面的 Web 应用程序。 特点： MVVM：经典 MVVM 开发模式，前后端各负其责。 AJAX：重前端 ...
转载
2021-08-02 10:28:00
156阅读
班级查询需求：绘制表单，数据绑定 页面加载成功发送请求查询所有班级 将班级数据赋值给classesList前端：<template>
原创
2022-08-09 12:04:31
90阅读
解决 Vue SPA 刷新导致 404 的问题解决 Vue SPA 刷新导致 404 的问题问题描述解决方案1. 后端配置：捕获所有路由返回 index.htmlFastAPI 配置示例2. 使用专门的 SPA 中间件3. 使用 Nginx 作为反向代理4. Vue Router 配置5. 构建配置 ...
一、什么是路由 URL -> 映射 -> 组件 Hash+onhashchange History.pushstate+replaceState+onpopstate 二、准备工作 组件 router-link: 导航，最终默认情况生成a标签 router-view:组件容器，占位符(插座), 相当 ...
转载
2021-08-31 14:16:00
167阅读
2评论
Alpaca-Spa-2.0 使用帮助简介Alpaca-spa-2.0.js 简介 Alpaca-spa.js是一款轻量的前端JS框架，提供前端路由功能，前端视图渲染功能，前端套页面功能。目的是用来提高web项目的开发效率，前后端分离开发，同时使前端代码结构更加整洁。 Alpaca-spa.js 区别于其他框架的主要特点是轻巧灵活，学习成本低。框架没有复杂的概念与特性，几乎都是最基本的Java
转载
2023-11-28 21:17:32
67阅读
问题描述因一些原因，使用 Apache 部署 Vue SPA 项目，静态路由刷新后 4
原创
2023-02-22 11:05:30
441阅读
在实际开发中，结合Laravel、Vue和Element Admin进行整合是非常常见的操作，可以更加高效地完成项目开发。下面我将为你详细介绍整合的步骤和每一步的操作。
首先，让我们来看一下整合的步骤：
| 步骤 | 操作 |
| ---- | ---- |
| 步骤一 | 安装Laravel并创建项目 |
| 步骤二 | 安装Vue并创建前端项目 |
| 步骤三 | 安装Element Ad
原创
2024-04-23 19:22:56
411阅读
首先，用到了laravel ui扩展包 及基础的 vue 脚手架：执行：composer require laravel/ui执行：php artisan ui vue --auth执行：npm install & npm run watch介绍一下Laravel Permission 扩展包：A package to add roles and permissions to Larave
