Vue3 TS封装socketio组件
// WebSocketService.ts import io from 'socket.io-client'; import { reactive } from 'vue'; import { getToken } from './OAuth'; const socketUrl = import.meta.env.VITE_APP_SOCKET_URL class WebSocketService { private socket: SocketIOClient.Socket;
前后端使用RSA加密解密
前端使用jsencrypt加密后，后端使用node-rsa进行解密
使用Vue3TSX和Vue2封装一个iconfont图标选择器组件
记录两种不同方式封装的图标选择器组件，基于阿里巴巴图标库
关于Vue历史路由刷新404的问题
将项目打包上线后，由于Vue路由使用的是history历史模式，导致在生产环境下刷新页面会跳转404。解决办法有两种， 将Vue项目路由模式设置为哈希模式 在服务端配置nginx代理 主要讲下nginx配置，由于我的项目是使用宝塔面板进行的配置，所以记录下宝塔设置的流程。 首先在网站目录找到建立的站点，点击设置 在设置中找到配置文件，这个文件就是这个站点nginx的配置文件 将图上的配置粘贴进去，然后重启nginx配置即可 location / { try_files $uri $u
Nuxt3配置postcss-pxtorem实现PC端在不同分辨率下样式自适应
postcss-pxtorem是一款自动将px转化为rem的插件，通常在移动端使用较多，但是在pc端使用postcss-pxtorem来兼容不同的分辨率效果也还不错。 首先安装postcss-pxtorem npm install postcss-pxtorem --save-dev 然后再nuxt.config.ts中配置下postcss postcss: { plugins: { //配置autoprefixer，自动添加浏览器前缀,解决css兼容性问题