随笔分类 - Web开发
摘要：为了解决传统Web开发模式带来的各种问题，我们进行了许多尝试，但由于前/后端的物理鸿沟，尝试的方案都大同小异。痛定思痛，今天我们重新思考了“前后端”的定义，引入前端同学都熟悉的NodeJS，试图探索一条全新的前后端分离模式。 一、基本介绍 首先从一个重要的概念“模板”说起。 广义上来说，web中的模
阅读全文
摘要：问题描述： Spring+Vue+ElementUI的前后端分离开发项目中，前端向后端发送请求，后端返回错误：Cannot deserialize instance of `java.util.LinkedHashMap` out of START_ARRAY token。 前端代码： // 获取分
阅读全文
摘要：如果你的项目没有vue.config.js，请在根目录新建一个。 vue.config.js里面的代码如下： module.exports = { /** 区分打包环境与开发环境 * process.env.NODE_ENV "production" (打包环境) * process.env.NOD
阅读全文
摘要：翻译： Trailing spaces not allowed：不允许尾随空格 1-报错： 2-解决： 你的某些行的空格多了,删掉就行了 以我的截图为例 代码12行出错 选中12行（点击前面的12数字），选中代码后面多出来的空格删掉 3-原因： 项目中打开了eslint代码规范
阅读全文
摘要：有废话少说，直接附上原文链接： axios 的理解和使用 axios.create(对axios请求进行二次封装) 拦截器 取消请求(axios.CancelToken) 其它链接： 1、axios中文文档：http://www.axios-js.com/
阅读全文
摘要：首先 process.env 是什么？ node环境变量： process 是node的全局变量，类似浏览器的window； env 是process的一个属性。 官方解释：process 对象是一个全局变量，提供了有关当前 Node.js 进程的信息并对其进行控制；而 process.env 属性
阅读全文
摘要：示例源码： <div id = "computed_props"> 千米 : <input type = "text" v-model = "kilometers"> 米 : <input type = "text" v-model = "meters"> </div> <p id="info"><
阅读全文
摘要：vue3 中element 弹窗绑定需要通过v-model，这个时候父级会传个dialogVisible（boolean值）过来，结果会报eslint的错。 Unexpected mutation of "dialogVisible" prop，大概就是说不允许在子级修改父级的数据。 问题描述： <
阅读全文
摘要：v-mode总是提示错误 v-model directives require the attribute value which is valid as LHS. 为什么调用过滤总是提示这个错呢？解决方法v-model 的值只能是一个变量，是无法应用 filter 的。 v-mode总是提示错误
阅读全文
摘要：原文链接：Spring Security打造一个简单Login登录页面，实现登录+跳转+注销+角色权限功能，核心代码不到100行！
阅读全文
摘要：原文链接：基于vue-router的matched实现面包屑功能
阅读全文
摘要：框架：vue-cli（vue脚手架） 例：以cdn引入腾讯防水墙为例 前因：在html的head中引入外部cdn链接， 在vue文件中直接使用，如图 结果：如图报错 解决办法： 1. 在index.html中的head中引入， 2.在webpack.base.conf.js中配置 module.ex
阅读全文
摘要：两者的区别 （1）this.$store.commit() commit: 同步操作 this.$store.commit('方法名',值)【存储】 this.$store.state.方法名【取值】 （2）this.$store.dispatch() dispatch: 异步操作 this.$st
阅读全文
摘要：import store from "./store" computed: { useName: function() { return store.state.userName } } mapState 函数返回的是一个对象。我们如何将它与局部计算属性混合使用呢？ 通常，我们需要使用一个工具函数将
阅读全文
摘要：let matched = this.$route.mached.filter(item => item.name);方法报错：TypeError Cannot read properties of undefined (reading 'filter')。 原因分析： 这个问题不要慌，要么是打错字
阅读全文
摘要：router.addRouters()方法报错：Uncaught (in promise) TypeError: router.default.addRouters is not a function。 原因分析： 新版VueRouter废除了addRoutes();//添加的数组 改为addRou
阅读全文
摘要：解决办法： 点开路径：File >Settings >Editor >Inspections >Spring >Spring core >Code Autowiring for bean class 勾选去掉(解决注入类显示红色波浪线) Field injection warning 勾选去掉(解决
阅读全文
摘要：1、问题描述： 在基于webstorm 配置vue环境时，输入npm install 开始自动安装依赖时出现该问题， 2、解决方案： （1）安装配置git环境。 （2）更换npm源： npm config set registry https://registry.npm.taobao.org 参考
阅读全文
摘要：背景 因为居家办公，把代码从远程clone下来之后，发现使用npm install一直失败。 提示的错误：fatal: remote error: The unauthenticated git protocol on port 9418 is no longer support 刚开始以为是因为n
阅读全文
摘要：Spring Data JPA中使用Example进行动态查询主要涉及：实体对象、ExampleMatcher和Example等三种类类型。基于实例的动态查询所包含的三要素如下：1、实体对象：在ORM框架中与Table对应的域对象，一个对象代表数据库表中的一条记录，如上例中User对象，对应user
阅读全文
