随着Vue版本的升级,Vue 2.x
项目和Vue 3.x
项目在使用vue-router上有些区别,本文就简单介绍下vue-router
在Vue3
中的配置和使用。
Vue3学习与实战 · 全局挂载使用Axios
在vue2
中会习惯性的把axios
挂载到全局,以方便在各个组件或页面中使用this.$http
请求接口。但是在vue3
中取消了Vue.prototype
,在全局挂载方法和属性时,需要使用官方提供的globalProperties
API。
Git删除远程某个历史提交记录
Nginx反向代理WebSocket服务连接报错:WebSocket connection to "wss://xxx/xxx" failed
最近使用 node.js 搭建 WebSocket
服务,在本地测试 connection 都是正常,于是部署到 Linux 服务上,需要用 Nginx
来反向代理 WebSocket
服务。浏览器控制台报错:WebSocket connection to 'wss://tiven.cn/ws/xxx' failed:
,经过一番折腾,终于解决了这个报错。
vue-cli-service serve报错:error:0308010C:digital envelope routines::unsupported
升级 node 版本到 v18.3.0
后,执行 npm run dev
启动 vue-cli-service
本地开发服务报错:Error: error:0308010C:digital envelope routines::unsupported
。
努力一周,开源一个超好用的接口Mock工具——Msw-Tools
在svg或canvas中获取text文字宽度
使用 svg (D3.js
)或 canvas (PIXI.js
)绘图时,经常要考虑文字长度和一些动态边界问题,所以还是有必要弄清楚:在 svg 或 canvas 中获取 text 文字宽度的方法。
Vue3学习与实战 · Vuex状态管理
Vuex 是 Vue 全家桶重要组成之一,专为 Vue.js 应用程序开发的 状态管理模式 + 库 ,它采用集中式存储管理应用的所有组件的状态
,并以相应的规则保证状态以一种可预测的方式发生变化。
Shell脚本函数的定义和传参
基于Node和Electron开发了轻量版API接口请求调试工具——Post-Tool
Electron 是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium
和 Node.js
到 二进制的 Electron
允许您保持一个 JavaScript
代码代码库,支持跨平台,一套代码可同时打包为Windows、macOS、Linux应用。
而 Post-Tool 就是基于 Node.js、React.js、Electron.js 和 Axios.js 开发的轻量版API接口请求调试工具。