文章目录前言本文涉及代码已开源Fir Cloud 完整项目gatway网关跨域配置取消微服务跨域配置创建vue2项目准备一个原始vue2项目安装vue-router创建路由vue.config.js配置修改App.vue修改添加接口访问安装axios创建request.js创建index.js创建InfoApi.jsmain.jssecurityUtils.js前端登录界面登录消息提示框最终效果
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 前言文章内容大概为SpringCloud涉及到的知识，以及个人知识点记录.只停留在与浅层次。提示：以下是本篇文章正文内容，下面案例可供参考一、VantVant是一个轻量，可靠的移动端组件库，2017开源.1.Vant的优势ElementUI是开发计算机浏览器(非移动端)页面的组件库而Vant是开发移动端页面的组件库2.使用Vant
转载
2024-04-02 13:46:07
91阅读
模板指令组件上 v-model 用法已更改，替换 v-bind.synckey 属性Vue 3.x 不建议在 v-if/v-else/v-else-if 的分支中使用 key，如果非要使用，请设置唯一的key值。Vue 3.x 可以将 key值 设置在template 上 (Vue2.x 需要将key值设置到子节点上)v-if 与 v-for 的优先级对比2.x 版本中在一个元素上同时使用 v-i
转载
2024-02-26 10:34:59
93阅读
微服务和VUE入门教程(14)： 热部署微服务和VUE入门教程(0): 着手搭建项目微服务和VUE入门教程(1): 搭建前端登录界面微服务和VUE入门教程(2): 注册中心微服务和VUE入门教程(3): user微服务的搭建微服务和VUE入门教程(4)：网关zuul的搭建微服务和VUE入门教程(5)： 前后端交互微服务和VUE入门教程(6)：连接数据库-mybatis微服务和VUE入门教程(7):
转载
2024-01-04 12:29:29
75阅读
spring cloud + vue + oAuth2.0全家桶实战，前后端分离模拟商城，完整的购物流程、后端运营平台，可以实现快速搭建企业级微服务项目。支持微信登录等三方登录。项目介绍功能点：模拟商城，完整的购物流程、后端运营平台对前端业务的支撑，和对项目的运维，有各项的监控指标和运维指标。技术点：核心技术为springcloud+vue两个全家桶实现，采取了取自开源用于开源的目标，所以能用开源
转载
2024-03-15 09:37:43
77阅读
大家既然能看到这篇文章，说明大家对跨域已经有了一定的理解，所以这里就不花功夫对跨域进行详细的介绍了 1. 首先扩展一点，axios在本地发送的请求如果你不把路径写全，它都是会默认加上自己项目所在的端口，就比如说axios.get('/student')
转载
2024-08-16 13:29:18
227阅读
一、
Vue项目搭建1、打开IDEA，创建
Vue.js项目demo-
vue 项目结构2、在components目录下创建
vue组件UserMan.
vue<template>
<div>
<table>
<tr>
<td>编号</td>
<td>用户名</t
转载
2024-02-21 11:23:26
247阅读
vue3分模块中vuex的使用，modules (分模块)
原创
2022-11-18 00:21:27
225阅读
准备工作 ： 环境要求vue cli要求node版本8或者更高（8.10.0+推荐） vue cli3 需要node版本>=8.9, （官方推荐：8.11.0+ ） 有node的情况下就可以使用npm进行安装了1.打开项目文件夹进入cmd 输入`npm install -g @vue/cli@3`2.下载好之后输入vue create ‘你的项目名’ 回车创建3.接着就会进入问答环节（选择一
前言：最近公司想重构一个项目，CTO选择了vue3.0 + ant-design-vue技术栈，正好自己也想尝试一下，试着搭建一下，以后有更好的会及时补充修改 注：粗体是命令指令，推荐使用cnpm指令，没有安装淘宝镜像的使用npm（淘宝镜像安装指令：npm install -g cnpm --registry=https://registry.npm.taobao.org）一、安装node.js，
转载
2024-09-23 16:35:01
314阅读
这几天我在研究前台框架和后台框架融合的问题,进行了一些尝试;我前台选择的是 vue,当然也可以选择 react 等其他 mvvm 框架,不过 vue 对于我来说是最熟悉的;后台话,我选择的是 php 的 lumen 框架,他是laravel 的简化版,因为比较轻量,所以这也是我的选择;先说下我这边的环境:系统:Mac os 10.12;服务器:apache 2.2;php:7.0;lumen:5.
目录前言一、引入Actuator依赖二、暴露Actuator端点1. 配置文件2. 监控端点三、自定义健康检查自定义健康检查类四、vue前端代码五、监控器的优势六、监控指标的可视化1. Grafana2. Prometheus七、安全性考虑安全配置示例八、总结 前言随着微服务架构的流行，对系统运行状况的监控和管理变得至关重要。Spring Cloud提供了强大的监控工具Actuator，能够实时
转载
2024-06-11 13:28:19
75阅读
1、环境准备1.1 Node.js（1）下载安装官网： https://nodejs.org/en/ （双击下载文件，一路 next 即可）注： 推荐下载最新稳定版安装完成后分别输入命令 node -v 和 npm -v 查看 node 版本与 npm 版本C:\Users\Administrator>node -v
v12.17.0
C:\Users\Administrator>n
需求在之前做的 WEB 单页应用在切换效果上有些生硬，而且页面的缓存和更新在体验上达不到预期的效果。虽然 vue 的 keep-alive 能达到将组件进行缓存，但是在做一些特殊的需求的时候，如把新打开的页面（组件）进行缓存，当点击返回的时候就将该缓存的页面（组件）进行销毁，就像模拟 App 中体验的效果一样，而且在类似于打开商品详情的时候是使用的同一个组件，不同的路由。并且在商品详情中继续打开商
1.router安装router：npm i vue-router@41.配置路由1.创建路由实例import { createRouter, createWebHistory } from 'vue-router'
// (1) 创建路由实例（对象：路由模式、路由规则）
// hash模式：createWebHashHistory(基地址)。
// history模式：
原创
2024-06-28 21:28:08
245阅读
Vue.js 框架作者尤雨溪宣布：Vue 3 将在 2022 年 2 月 7 日成为新的默认版本。在其最新提交至 GitHub 的公告信息里显示，“开发者要关注可能需要采取的措施，来确认是否需要在默认版本切换之前做相应改动以避免发生异常。”以下为尤雨溪的公告原文：从库到框架在最开始的时候，Vue 仅仅是一个运行时库。但这些年来，它已经逐步发展成了一个包含许多子项目的框架：核心库，即 vue npm
转载
2024-04-19 18:55:55
163阅读
思路： 1.登录认证oauth/token拦截器 2找到user信息 3.利用user字段得到token，返回赋值给session 4请求权限信息，网管拦截 ，用token去经过网关解析成id 5、跳转微服务getinfo，获取id查询用户权限角色。 开发技巧：代码一点一点的加，一点一点的测试，如果错了可以返回上一步。有时候加多了，他会报不相干的错误，比如因为加了dao层进行了跨域。 网关不过滤就
转载
2024-02-25 07:30:09
262阅读
一、实现的效果点击右侧的字母，左侧的城市列表也会随之变化字母所对应的区域； 在右侧字母区域进行滚动，左侧的城市列表也会随之滚动到字母所对应的区域；二、所用的插件better-scroll插件：https://github.com/ustbhuangyi/better-scroll三、点击字母列表区随之变化的实现组件间的关系右侧字母控制区域存在于我的Alphabet.vue子组件； 左侧城市列表联动
转载
2024-09-28 19:20:10
273阅读
# 实现Vue3 Vuex模块化
如果你正在使用Vue3和Vuex，并且想要将你的Vuex store进行模块化，这篇文章将帮助你顺利完成这个过程。模块化能够让你的代码更加清晰和易于维护，尤其是当应用变得庞大时。下面是一个步骤指南，帮助你实现Vue3 Vuex模块化。
## 步骤指南
| 步骤 | 操作 |
| ------ | ------ |
| 1 | 创建并配置Vuex store
原创
2024-05-28 10:57:21
218阅读
效果: 分页的本质: 分批次的查询数据(基于页码page与每页的条数pagesize),后端接收到分页参数后,会基于这些参数查询数据库,然后基于数据库进行分页;基于sql语句(select * from user limit n,m);分页组件需要实现
