兴趣是最好的老师

3、启动项目，看nacos服务列表。5、登录看页面效果OK。1、网关服务配置路由。

启动网关等服务和人人后端项目、前端项目。注掉人人项目中已经有的跨域设置。

报错：org.yaml.snakeyaml.parser.ParserException: while parsing a block collection。准备在moudles下新建product文件夹，新建category.vue。修改对应下面网关的配置网关端口号88，前端api开头的请求都走网关。缩进格式不对，重新改下，注意- id之间有空格，启动ok。点击分类维护的路径是：product/category。新建category.vue，保存后，刷新页面。启动网关服务，看有没有注册到nacos中。

在nacos的bin目录打开终端sh startup.sh。

启动项目：npm run dev。

还是使用了命令：sudo npm install webpack-cli -g --unsafe-perm=true --allow-root。在Mac OS上安装webpack，需要先安装Node.js和npm。Manager）来管理Node.js的版本，在安装完成后再进行下面的安装步骤。安装命令：sudo npm install -g vue-cli。安装完成后可以通过以下命令验证是否安装成功：vue -V。验证安装结果：webpack -v。验证安装结果：webpack -v。

掌握 VUE 组件的生命周期可以帮助开发者更好地理解组件的运行机制，在不同阶段进行相应的逻。VUE 的生命周期指的是组件在创建、运行和销毁过程中所经历的一系列事件，通过这些事件可以。下图展示了实例的生命周期。你不需要立马弄明白所有的东西，不过随着你的不断学习和使用，它。让开发者在不同阶段进行相应的逻辑处理。辑处理，从而实现更加灵活、高效的组件开发。的参考价值会越来越高。

【代码】GuLi商城-前端基础Vue-组件化基础。

【代码】GuLi商城-前端基础Vue-过滤器。

【代码】GuLi商城-前端基础Vue-计算属性computed和侦听器watch。

【代码】GuLi商城-前端基础Vue-指令v-if、v-show、v-else、v-else-if。

【代码】GuLi商城-前端基础-Vue-指令v-for。

【代码】GuLi商城-前端基础-Vue-指令-v-on、v-for、v-if。

指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于DOM。注意：页面上显示的是小写的java，操作的是value里面大写的Java。指令 (Directives) 是带有 `v-` 前缀的特殊特性。指令特性的预期值是:单个 JavaScript 表达式。例如我们在入门案例中的 v-on，代表绑定事件。

VM：即View-Model，模型与视图间的双向操作（无需开发人员干涉）M：即Model，模型，包括数据和一些基本操作。使用NPM初始化项目：npm init -y。V：即View，视图，页面渲染结果。

ES6全称ECMAScript6.0是JavaScript语言的下一代标准。ECMAScript是浏览器脚本语言的规范，而我们熟悉的各种js语言，如JavaScript则是规范的具体实现。新建一个ES6文件夹，shift+!按着不动，回车，可以快速生成模板let：声明的变量有严格局部作用域，只能一次声明变量，不会变量提升var：声明的变量往往会越域，可以多次声明变量，会变量提升const：声明常量，声明之后不允许改变。一旦声明必须初始化，否则会报错。

spring-cloud-gateway官网：https://spring.io/projects/spring-cloud-gateway。2）添加“gulimall-common”依赖和“spring-cloud-starter-gateway”依赖，上图所示。spring-cloud-gateway文档：https://docs.spring.io/spring-cloud-4）在Nacos中创建“gateway”命名空间，同时在该命名空间中创建gulimall-gateway.yml”

下面这样写也没有问题：@ComponentScans({@ComponentScan("com.nanjing.common")})因为@SpringBootApplication中已经包含@ComponentScan注解 默认扫描当前包下面的文件。解决办法：在启动类加上公共模块的包路径@ComponentScan("com.nanjing")这里之所以说你这注解是多余的是因为你这个扫描包的路径和默认路径是相同的。

修改“gulimall-coupon”的“bootstrap.properties”文件，加载“mybatis.yml”、“datasource.yml”和。当微服务数量很庞大时，将所有配置都书写到一个配置文件中，显然不是太合适。注释“application.yml”文件中的所有配置。配置按照功能的不同，拆分为不同的配置文件。“other.yml”配置。

通过指定spring.profile.active和配置文件的DataID，来使不同环境下读取不同的配置，读取配置。并没有使用我们在dev命名空间下所配置的规则，而是使用的是public命名空间下所配置的规则，时，使用的是默认命名空间public，默认分组（default_group）下的DataID。实例：通过使用不同的组，来读取不同的配置，还是以上面的gulimall-coupon微服务为例。，默认就是public命名空间中的内容中所配置的规则。这里指明的是，读取时使用coupon命名空间下的配置。

这样做存在的一个问题，如果频繁的修改application.properties，在需要频繁重新打包部署。这样会动态的从配置中心读取配置，并且在指明了相同的配置信息时，配置中心中设置的值优先。我们测试下配置中心中设置的值是不是优先于本地配置，结果失败了，没有读取配置中心的值。因为版本问题，上面最新的文档没有使用bootstrap.properties，下面我们用的是bootstrap.properties配置。我们将采用Nacos的配置中心来解决这个问题。1.引入配置中心依赖，放到common中。

GuLi商城-SpringCloud-OpenFeign-日志、超时配置参考

GuLi商城-SpringCloud-OpenFeign-日志、超时配置

GuLi商城-SpringCloud-OpenFeign测试远程调用

GuLi商城-SpringCloud Alibaba-Nacos注册中心

工具-在线打开pdm文件

GuLi商城-SpringCloud Alibaba简介

GuLi商城-框架搭建完成、基础代码生成完成，GitHub打Tag

GuLi商城-其他几个微服务逆向工程代码生成

IDEA插件-Maven Helper（详细使用教程）

spring boot和spring cloud版本对应关系

GuLi商城-逆向工程的搭建和使用（续）

GuLi商城-逆向工程的搭建和使用

GuLi商城-人人开源搭建前端项目

人人开源搭建后台管理系统

GuLi商城-数据库初始化

IDEA插件-墨菲安全MurphySec Code Scan

GuLi商城-项目初始结构创建

GuLi商城-VsCode开发必备插件