每天进步一点点...自己弄了个博客网站，运行了很久，一直没被收录，才发现SEO对单页面不太友好。上网学习并实践了一下，我们可以使用prerender-spa-plugin+vue-meta-info做一个预渲染。一、安装插件使用下面命令安装对应插件npm install prerender-spa-plugin --save
npm install vue-meta-info --save二、修改
转载
2021-03-10 19:11:51
743阅读
2评论
使用vue-router创建路由器: router/index.jsnew VueRouter({ routes: [ { // 一般路由 pa
原创
2022-11-07 17:44:59
25阅读
目标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
345阅读
直接贴 门户项目代码 // 全局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阅读
在我们的 laravel 项目中，让我们使用 yarn 运行一个命令，并选择 vue 和 typescript。将项目名称设置为：FrontEndApp选择：Vue选择：Ty
原创
2023-01-28 11:23:13
595阅读
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
115阅读
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评论
问题描述因一些原因，使用 Apache 部署 Vue SPA 项目，静态路由刷新后 4
原创
2023-02-22 11:05:30
441阅读
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阅读
认识SPA最早单页面的应用无从知晓，在2004年，google的Gmail就使用了单页面。到了2010年，随着Backbone的问世之后，此概念才慢慢热了起来。随着后来React、Angular、Vue的兴起，单页面应用才成了前端圈里人人皆知的架构模式。接下来将通过对比传统页面应用和单页面应用来说明SPA具体是什么。 传统的页面应用早期web应用的前后端交互模式是这样的，每个html作为
转载
2023-11-24 06:44:33
98阅读
单页Web应用编辑单页Web应用（single page web application，SPA），就是只有一张Web页面的应用。单页应用程序 (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。[1]特点编辑速度：更好的用户体验，让用户在web app感受native app的速度和流畅，·MVC：经典MVC开发模式，前后端各负其责。·ajax：重前端，业
转载
2023-09-15 21:13:13
90阅读
SPA是什么？ 全称是单页面应用。 一个SPA就是一个WEB应用，它所需的资源(HTML CSS JS等)，在一次请求中就加载完成，也就是不需刷新地动态加载。用术语“单页”就是因为页面在初始化加载后就永远不会重新加载刷新。优点：减轻服务器端的压力。因为服务器先将一份包含了静态资源、JavsScript和模板的静荷数据(payload)发送到了客户端，之后客户端只需要获取渲染页面或视图所需要的数
转载
2023-05-24 15:19:14
492阅读
一、什么是SPA（SPA 的概念） 单页 Web 应用 (single-page application 简称为 SPA)，简单理解为：仅仅在web页面初始化时加载相应的HTML、JavaScript、CSS，一旦页面加载完成了，SPA不会因为用户的操作而进行页面的重新加载或跳转，而是利用 JavaScript 动态的变换HTML的内（采用的是div切换显示和隐藏），从而实现UI与用户的交互
转载
2023-06-09 10:54:09
80阅读
单页Web应用（single page web application，SPA）： SPA 是一种特殊的 Web 应用，是加载单个 HTML 页面并在用户与应用程序交互时动态更新该页面的。它将所有的活动局限于一个 Web 页面中，仅在该 Web 页面初始化时加载相应的 HTML 、 JavaScript 、 CSS 。一旦页面加载完成， SPA 不会因为用户的操作而进行页面的重新加载或跳转，而是利
转载
2024-01-24 23:53:27
131阅读
