zzll_forever的博客

前端：vue + spa + axios后端：spring cloud + nacos + gateway + ssm+1.环境搭建1.0 数据库#学生数据库CREATE DATABASE nacos_ssm_student;USE nacos_ssm_student;CREATE TABLE tb_city( c_id VARCHAR(32) PRIMARY KEY COMMENT '城市ID', city_name VARCHAR(20) COMMENT '城市名称' , .

Nuxt区别：传统axios：传统axios是页面静态html，css加载好了再去发送请求，获取数据渲染，只有一开始加载的一点内容，不利于爬虫的爬取asyncData：asyncData可以在页面渲染之前去获取数据，再渲染页面，asyncData方法在组件每次加载之前被调用，这样的话页面源代码就包含所有渲染的数据，利于seo，只会在首屏的时候调用一次（页面渲染之前），事件触发不了它，asyncData方法在组件渲染之前执行了，组件还没有渲染，没有this。fetch：渲染页面前填充应用的状态树

4 路由4.1 路由概述Nuxt.js 依据 pages 目录结构自动生成 vue-router 模块的路由配置。要在页面之间切换路由，我们建议使用<nuxt-link> 标签。标签名描述<nuxt-link>nuxt.js中切换路由<Nuxt />nuxt.js的路由视图<router-link>vue默认切换路由<router-view/>vue默认路由视图4.2 基础路由自动

1. Nuxt.js 概述1.1 做过的SPASPA（single page web application）单页 Web 应用，Web 不再是一张张页面，而是一个整体的应用，一个由路由系统、数据系统、页面（组件）系统等等，组成的应用程序。我们之前学习的Vue就是SPA中的佼佼者。SPA 应用广泛用于对SEO要求不高的场景中1.2 什么是SEOSEO：搜索引擎优化（Search Engine Optimization）, 通过各种技术（手段）来确保，我们的Web内容被搜索引