- 博客(16)
- 收藏
- 关注
RSS订阅原创 前后端部署 + Nginx 配置 + Cloudflare 全攻略（通俗易懂版）
文章摘要： 本文提供了一套完整的网站部署方案，涵盖前端（Vue）、后端（Node.js/Java）、Nginx配置和Cloudflare接入。前端通过npm run build打包并托管到Nginx，后端用PM2或nohup守护进程。Nginx核心配置实现API代理、静态资源缓存和路由支持，同时隐藏敏感文件。Cloudflare用于DNS解析、CDN加速、IP隐藏和DDoS防护，并免费提供SSL证书。通过这套流程，开发者能实现高性能、高安全性的生产级部署，完成从开发到上线的全链路能力升级。
2025-09-25 16:37:09
1275
原创 SaaS 建站从 0 到 1 教程：Vue 动态域名 + 后端子域名管理 + Nginx 配置
本文介绍了如何从零构建一个SaaS建站系统，核心包括：1.采用Vue前端动态获取域名信息并请求对应租户API；2.后端实现子域名自动生成和自定义域名绑定；3.通过Nginx配置泛域名解析和SSL证书管理。关键技术点包括多租户架构、动态域名解析、数据库存储租户信息等。该方案适用于建站SaaS、小程序/H5平台等场景，支持用户快速生成专属网站并绑定个性化域名，实现一套系统服务多客户的目标。系统还支持SEO优化、数据隔离等扩展功能，能有效降低开发和运维成本。
2025-09-13 14:26:26
1013
原创 基于 RBAC 的前端权限管理实现教程
RBAC（基于角色的访问控制，Role-Based Access Control）是一种常见的权限管理方式，核心思想是。用户登录成功后，前端需要向后端请求用户的角色和权限信息。为了让管理员可以控制用户、角色、菜单，前端通常需要实现。除了控制菜单和路由，还需要控制按钮权限。这样，用户只能看到自己有权限的菜单。（管理员可访问全部，运营仅订单管理）页面时，系统会检查该用户是否有。，使权限管理更加清晰和可扩展。权限，如果没有，则会跳转到。（张三是管理员，李四是运营）在 RBAC 模型中，（用户管理、订单管理）
2025-03-03 14:52:32
796
原创 Vue 2 项目使用 Electron 打包成 .exe 文件教程
检查接口是否解决了线上 跨域问题，因为打包部署后，vue.config.js 中配置的跨域规则会失效。确保接口的地址为线上环境的正确地址，而不是本地地址。将下载的文件放到以下目录： C:\Users\XXX\AppData\Local\electron-builder\Cache。检查打包后的资源是否正确打包到了 dist 文件夹中。完成以上步骤后，您的 Vue 2/3 项目即可通过 Electron 成功打包为。执行完成后，会在项目中生成一个新的文件夹，里面包含。替换为您的项目名称。
2025-01-22 18:47:37
829
原创 基于 translate.js + Vue 实现的国际化语言翻译
通过本文，我们了解了如何在 Vue 项目中结合实现轻量级的国际化翻译功能。相比于vue-i18n更加简洁，适合不需要复杂配置的项目。在实际项目中，可以根据需求进一步扩展和优化，例如支持更多语言、使用动态加载语言包等。希望这篇文章对您有所帮助！如果您有任何问题或建议，欢迎讨论！
2024-10-17 11:45:33
1979
原创 基于 Vue +three.js +Photo Sphere Viewer + 高德地图实现 VR 效果
在实现这个项目的过程中，我们关注用户体验的提升。VR 技术让用户更直观地感受到房屋的空间布局，而高德地图的集成则提供了便捷的房屋定位方式。这种结合不仅提升了产品的附加值，也让用户在选择家居产品时感受到更强的参与感。随着技术的不断发展，我们相信 VR 看房和实时场景展示将成为家居行业的新趋势。
2024-09-25 16:52:40
2537
原创 网站开发模式、敏捷开发及快速建站优缺点分析
随着企业的数字化需求不断增加，网站开发已经成为公司展示业务、吸引客户的关键工具。无论是复杂的电商平台，还是简洁的企业展示网站，不同开发模式的选择都会直接影响开发周期、成本及后续运营维护。本文将结合敏捷开发的核心概念，分析常见的快速建站模式及其优缺点，为企业和开发者提供决策参考。
2024-09-20 14:34:40
1505
原创 在 Vue.js 项目中实现 PayPal 支付：基于 vue-paypal-checkout 组件的实现指南
是一个 Vue.js 插件，它封装了 PayPal 的 Checkout API，使得在 Vue.js 应用中集成 PayPal 支付变得更加简单和直观。它提供了一个易于使用的 Vue 组件来处理 PayPal 支付过程。通过以上步骤，你可以轻松地在 Vue.js 应用中集成 PayPal 支付功能。使用组件简化了与 PayPal 的交互，使得实现国外支付变得更加直观。希望这个指南对你在项目中集成 PayPal 支付有所帮助。
2024-09-18 13:32:48
1525
5
原创 使用 Axios 配置动态域名的基础 URL 和项目打包
在 Web 开发中，我们常常需要根据不同的环境（如开发、测试和生产）配置不同的 API 基础 URL。使用 Axios 作为 HTTP 客户端，我们可以通过动态配置基础 URL 来实现这一目标。本文将介绍如何在 Axios 中配置动态域名，并提供项目打包的示例。
2024-09-14 14:52:19
1629
原创 如何让 Vue.js 网站在 PC 端自适应移动端
随着移动设备的普及，确保网站在各种设备上都能良好展示已经成为网页开发的重要任务。Vue.js 是一个现代的前端框架，非常适合构建响应式网站。本文将介绍如何使用 Vue.js 实现 PC 端网站的移动端自适应，确保你的应用在不同屏幕尺寸下都能提供良好的用户体验。
2024-09-09 11:32:39
2110
原创 如何优化 Vue.js 网站的 SEO
在现代网页开发中，SEO（搜索引擎优化）是提升网站可见性和获取更多流量的关键。然而，由于 Vue.js 作为一个前端框架主要处理客户端渲染，这给 SEO 带来了挑战。在这篇文章中，我们将探讨如何优化 Vue.js 网站的 SEO，确保你的内容能够被搜索引擎正确抓取和索引。
2024-09-09 10:29:38
1420
原创 前端学习路线图及前端工程师适合学习的后端技能
从基础的 HTML、CSS、JavaScript 到 jQuery、AJAX、Bootstrap，再到 Vue、React 这些现代框架，前端开发者的学习路径逐步扩展到小程序开发和服务端技术。通过学习 Node.js、Docker 和 Nginx 等后端技术，前端开发者能够拓展技能，提升项目部署和优化的能力。学习这些技术，将使你不仅仅成为一个优秀的前端开发者，还具备全栈开发和项目部署优化的能力。在开发行业中，理解全栈的能力是非常宝贵的，它让你拥有了更大的灵活性和创新能力。
2024-09-07 00:15:00
2722
原创 在 Vue 项目中实现无感 Token 刷新
在前端项目中，Token 通常用于用户认证和权限管理。无论是基于 JWT (JSON Web Token) 还是其他类型的 Token，它们往往有一个过期时间。当 Token 过期时，用户的操作会受到影响，因此我们需要一种无感知（或“静默”）的方式来刷新 Token，确保用户在会话中的操作不会中断。
2024-09-06 14:33:20
1318
1
原创 在 Vue 2 项目中集成使用 WangEditor 富文本编辑器
你可以通过自定义显示哪些菜单栏。通过本文的步骤，你已经了解了如何在 Vue 2 项目中集成使用 WangEditor 富文本编辑器。从安装到使用的流程相对简单，并且 WangEditor 提供了丰富的扩展配置，能够满足大部分富文本编辑需求。你可以根据自己的项目需求，进一步配置上传功能或自定义菜单栏等功能。希望这篇教程对你有所帮助，祝你在 Vue 项目开发中顺利使用 WangEditor！
2024-09-06 08:45:00
2015
3
原创 Vue脚手架打包项目指南
本文介绍了如何通过 Vue CLI 2 脚手架完成项目的打包并部署到生产环境。打包时需要配置好路径与静态资源，部署时则需根据所选服务器进行相关配置。通过正确的打包和部署流程，可以确保 Vue 项目能够平稳地上线并运行在生产环境中。希望本文能帮助你顺利完成 Vue 项目的部署！
2024-09-05 14:22:22
1439
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人