my-project A Vue.js project Build Setup # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build For detailed exp
阅读全文
全局安装脚手架
VueX学习 使用vue-cli创建vue项目 # 全局安装脚手架 npm install -g @vue/cli-init # 初始化项目 vue init webpack-simple my-project # 安装vuex依赖 npm install vuex 修改main.js 我们需要引入vuex
阅读全文
SPA 的 SEO 方案对比、最终实践
SPA 的 SEO 方案对比、最终实践 前言 前端开发技术日新月异,由于现代化构建、用户体验的需求,angular/vue/react 等框架已经成为开发标配,大部分应用都是
阅读全文
ElementUI中Upload组件如何批量上传
ElementUI中Upload组件如何批量上传 前言 最近一直使用Element提供的文件上传组件,但是使用后发现,其实当我们批量选中的时候,文件不是一次性都上传进去的,而是把它又拆分成一个个的文件进行上传。首先这容易造成的问题就是我们如果同时提交多个图片文件的时候,会重复的请求接口,造成接口并发访问的时可能出现的问题,下面是Element
阅读全文
使用Axios拦截器携带token以及跳转错误页面
使用Axios拦截器携带token以及跳转错误页面 前言 Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中,在使用Axios时候,一般我们会进行一定的封装,Axios拦截器分为请求拦截器
阅读全文
配置Sentinel规则持久化到Nacos中
配置Sentinel规则持久化到Nacos中 前言 Sentinel如果没有配置持久化的话,默认是将规则存储在内存中的,如果服务重启那么定义的规则也会没有,需要我们再次手动创建规则。这样其实对我们来说是非常麻烦的一件事,因此这里重点说说Sentinel规则持久化到Nacos中,每次启动服务,只需要从Nacos拉取规则,加载到Sentinel中即可
阅读全文
保留14天日志
前言 目前公司系统采用 Spring Cloud 架构,其中服务注册和发现组件用的 Nacos,最近运维抱怨说,磁盘不够用,日志增长的太快。简单排查一下,罪魁祸首竟然是
阅读全文
分布式配置中心SpringCloudConfig
分布式配置中心SpringCloudConfig 概述 面临的问题 微服务意味着要将单体应用中的业务拆分成一个个子服务,每个服务的粒度相对较小,因此系统中会出现大量的服务,由于每个服务都需要必要的配置信息才能运行,所以一套集中式,动态的配置管理设施是必不可少的。
阅读全文
服务网关
服务网关 前言 zuul目前已经出现了分歧,zuul 升级到 Zuul2的时候出现了内部分歧,并且导致Zuul的核心人员的离职,导致Zuul2一直跳票,等了两年,目前造成的局面是Zuul已经没人维护,Zuul2一直在开发中
阅读全文
Hystrix断路器
Hystrix断路器 Hystrix官宣停更,官方推荐使用:resilence4j替换,同时国内Spring Cloud Alibaba 提出了Sentinel实现熔断和限流 概述 分布式面临的问题 复杂分布式体系结构中的应用程序有数十个依赖关系,每个依赖关系在某些时候将不可避免地失败(网络卡顿,网络超时)
阅读全文