青花鱼の小栈

问题描述：启动vue项目时，报如下错误： 问题解决：查阅资料后发现，可能是文件路径中有括号导致 1D:\work\17_ym(vue3)\szgc-gcym-server\yj_ym_tdp_ui //路径中含有英文括号 尝试重命名路径（删除路径中的括号）后重新启动，出现了新的报错： 点进node_modules里点了一下依赖，发现无法跳转，推测可能是重命名路径后导致pnpm依赖链接失效，尝试执行命令重新安装依赖： 1pnpm install 安装成功后运行项目： 1npm run serve 问题解决，成功启动项目：

问题背景与描述为了跟上时代的步伐，最近在开发一个vue3+vite+pinia的新项目开发过程中，体验了下vscode的copilot生成代码，不得不说效率真的牛逼！但同时，也会有一些小缺点小问题，需要我们去微调代码，就比如我今天遇到的坑。 我在某个页面组件中使用了useStore中的方法，为store中的某个状态初始化了数据，但跳转到另一个页面时，发现store中的状态被清空了。 解决方法使用router.push方法替代原来的window.location.href做页面跳转即可解决 12345// 跳转到评分页面const jumpToGrade = (item: Contestant) => { // window.location.href = `/grade?id=${item.id}` router.push({ path: '/grade', query: { id: item.id } })} 问题排查过程拷问了deepseek，豆包等AI，都说要对stor ...

✨ 前言：作为一名从零开始学习Nginx配置的开发者，我在初次部署静态网站时，面对Nginx复杂的配置文件结构感到十分困惑。nginx.conf、sites-available、sites-enabled等目录和文件各自承担着什么职责？它们之间又是如何协同工作的？经过深入研究和实践验证，我整理出了一些初学nginx时的常见问题，以问题的形式为新手建立对nginx的整体认识，希望能帮助初学者快速掌握Nginx的核心配置逻辑。 🛠️环境：操作系统：Ubuntu 22.04 LTS🐧 nginx版本：nginx/1.18.0 (Ubuntu) ❓常见问题解答：Q1：nginx配置文件有哪些 ?📂Nginx 配置文件结构总览 配置文件/目录 路径示例 主要作用 核心配置项/内容 使用说明 nginx.conf (主配置文件) /etc/nginx/nginx.conf 全局配置入口，定义Nginx运行的基础参数 - user, worker_processes - events块 - http块 - include指令 相当于程序的 main 函数 ...

✨ 前言作为一名前端开发者，我们通常只需要将打包好的文件交给后端或运维同学即可完成部署。但在某些场景下，我们也需要亲自将前端资源部署到服务器上。本文将以最直观的方式，带你一步步完成前端项目的完整部署流程，并解释其中涉及的关键概念！🎯 📚 核心概念解析在开始实操前，先了解几个基础概念，这将帮助你更好地理解整个部署过程： 1. 什么是 Nginx？🌐Nginx（发音为”engine-x”）是一款高性能的开源Web服务器，同时具备反向代理、负载均衡和HTTP缓存等强大功能。它最初是为了解决C10K问题（即单服务器处理万级并发连接）而设计。 以下是Nginx的核心功能概览： 功能类别 核心能力 典型应用场景 Web服务器 高效处理静态资源（HTML、CSS、JS、图片等） 托管静态网站、作为前端资源服务器 反向代理 接收客户端请求并转发给后端服务器，隐藏真实服务器信息 作为后端应用的统一入口和安全屏障 负载均衡 将请求分发到多个后端服务器 分散高并发流量，提高应用可用性 HTTP缓存 缓存静态内容及后端响应，加速访问速度 提升用户体验，减少服务器负载 SSL& ...

前言我之前已经写过一篇certbot申请ssl证书的文章，为什么这次还要再写一遍呢? 原因在于，certbot 虽能实现服务器内部的 SSL 证书申请与自动更新，但在使用 CDN 的场景下，无法自动将证书上传并配置到腾讯云 CDN（或许有方法但我未曾深入研究）。相比之下，acme.sh 在这一场景下表现更为出色，不仅灵活性强，还能满足我的定制化需求。 acme.sh与certbot的横向对比 特性维度 acme.sh certbot 核心设计 纯 Shell 脚本编写 由 Let’s Encrypt 官方推荐，使用 Python 编写 安装与复杂度 安装简单，配置相对复杂，尤其在使用 DNS API 时 安装与配置较为简单，但对复杂或特殊环境的支持较弱 自动化与续期 自动设置定时任务，自动化程度高 更新证书需要手动设置 cron 任务 验证方式 支持多种验证方式（如 DNS、HTTP），尤其擅长通过 DNS API 进行验证，适合通配符证书 支持 HTTP 和 DNS 验证 灵活性 非常灵活，支持众多 DNS 服务商 API，可指定证书存放路径 与主流 Web ...

背景Docker——容器化技术，作为现代化运维技术的一环，其重要性不言而喻。最近我在优化个人网站的过程中，发现之前使用twikoo云函数部署的方式不太能满足我对网站的性能要求，每次发送获取twikoo云函数的请求时，耗时都在一秒多甚至两秒以上。于是考虑使用docker来进行私有化部署twikoo，另外，我的腾讯云服务器快到期了，到时候续费如果涨价太厉害，我也考虑迁移服务器，届时如果把我的nginx服务也托管到docker，到时候服务器迁移起来应该会比较轻松（仅是我的想象）； 系统环境系统版本：Ubuntu 22.04 LTS 过程记录1.首先打开Docker官方文档，找到了docker安装部分的教程：https://docs.docker.com/engine/install/ubuntu/#install-using-the-repository 2.遵照教程，卸载可能冲突的包123456789101112131415161718192021222324252627282930313233343536ubuntu@VM-16-3-ubuntu:~$ for pkg in docker ...

问题描述vue3+ts项目开发过程中遇到一个奇怪的bug，如下图所示 排查过程：查看源代码，可以发现有两个style.ts文件，且内容不一样： 询问AI后了解到： 继续拷问AI，了解到： 解决办法： 总结：ts中值导入和类型导入需要区分清楚，如果将类型当做值导入，比如： 1import { MyInterface } from './myInterface.ts' //错误地将interface当做值导入 那么在运行时可能会出现文章开头的错误。

背景：为什么选择 NestJS？作为一名前端 GIS 开发工程师，最近在开发一个小项目时需要搭建后端服务。虽然之前用过 Express 框架，但在工作中发现许多 Node.js 后端项目都在使用 NestJS 框架。借此机会，我决定深入学习 NestJS，探索这款框架如何提升后端开发效率。 Nestjs框架简介：企业级 Node.js 开发的最佳拍档NestJS 是一个基于 TypeScript 的企业级 Node.js 后端框架，它结合了 Express 的灵活性和现代后端框架的最佳实践，特别适合构建可扩展、可维护的应用程序，堪称中大型项目的理想选择。 Nestjs核心架构：清晰分层的工程化设计NestJS 采用了清晰的分层架构，主要包含以下核心层次，每个层次各司其职，让代码结构一目了然： Controllers（控制器层） 处理 HTTP 请求（支持REST/GraphQL/WebSocket等多种协议） 定义路由和请求 / 响应格式 1234567@Controller('users')export class UsersC ...

适用场景：通常情况下，加载S3M数据需要使用超图的SuperMap iClient3D for WebGL库。 但在某些项目中，我们可能已经构建了基于原生Cesium的应用框架，不希望引入过多依赖。这时，实现原生Cesium加载S3M就变得很有价值。 关键代码：12345678import "@/components/SuperMap3D/SuperMap3D.js";//获取viewer对象const { viewer } = window;let scenes =  "https://www.supermapol.com/realspace/services/3D-CBD/rest/realspace";viewer.scene.open(scenes); 💡 SuperMap3D.js文件中的SUPERMAP_BASE_URL需要配置成上面静态资源的实际请求路径 效果展示 参考文章：https://mp.weixin.qq.com/s/ZimVYQotuAcfB9tXK3FtNw —— 攻城师不浪

适用场景大屏项目，有科技风格主题渲染需求的，可以对建筑白膜进行自定义渲染，实现灵活多变酷炫的风格 实现思路Cesium自1.87.1版本，开始支持3DTileset使用CustomShader： 1Added CustomShader class for styling Cesium3DTileset or ModelExperimental with custom GLSL shaders 在CesiumJS 1.97版本，支持Model entities使用CustomShader： 1Model entities now support CustomShader 借助CustomShader，我们可以轻松的实现模型的自定义Shader渲染 效果展示 关键代码12345678910111213141516171819202122232425262728//基于高度的渐变和线条扫描特效const shader = new Cesium.CustomShader({ fragmentShaderText: ` void fragmentMain ...