什么是 PinMe？PinMe 是一个免费的 IPFS 托管平台，专为静态网站部署设计。它能让开发者在几秒钟内将网站部署到 IPFS 网络上，确保内容的持久性和抗审查能力。PinMe 的核心价值是提供简单、快速、免费的前端部署体验，让开发者专注于内容创作。为什么选择 PinMe？相比传统托管服务，PinMe 具有以下优势：完全免费：无需支付服务器费用或订阅费用去中心化：内容存储在 IPFS 网络上
什么是 PinMe？PinMe 是一个免费的 IPFS 托管平台，专为静态网站部署设计。它能让开发者在几秒钟内将网站部署到 IPFS 网络上，确保内容的持久性和抗审查能力。PinMe 的核心价值是提供简单、快速、免费的前端部署体验，让开发者专注于内容创作。为什么选择 PinMe？相比传统托管服务，PinMe 具有以下优势：完全免费：无需支付服务器费用或订阅费用去中心化：内容存储在 IPFS 网络上
环境准备3个节点，以下基于 Centos 7.6 系统， 内核版本：3.10.0-957.12.2.e17.x86_64 HOST NODECPUMEM192.168.1.111master最低要求2核2C最低要求2GB192.168.1.112node1最低要求2核2C最低要求2GB192.168.1.113node2最低要求2核2C最低要求2GB &
转载
2024-06-25 14:38:59
70阅读
前言：本文中介绍的自动化部署，需要用到服务器以及docker容器的相关知识。因为用到的相关技术在之前的博客中已经介绍过了，在本文里就直接使用不再赘述什么是自动化部署前端的项目部署，是将本地项目打包上线发布到服务器的行为，部署上线后可以通过公网ip或者域名进行访问。自动化部署是前端工程化的一部分，它包含持续集成，自动化构建，自动部署。如果不使用自动化部署的话，前端部署上线的流程是：本地打包 =>
转载
2024-09-28 20:50:38
94阅读
点赞
opencomponents可以加速web 组件的部署以及使用（特别适合微前端），设计理念很多参考了微服务的模式 支持的模式也挺丰富（客户端渲染以及服务器端渲染），组件存储上使用了云存储（实际上也可以支持minio） 参考架构 参考使用 安装工具 npm install -g oc oc init
原创
2021-10-19 16:36:53
181阅读
使用nginx部署前端项目（超详细教程）(所使用前端模版已经上传到个人资源，各位敬请免费领取) 所有文章不设限，我们相遇偶然，相散坦然，互不打扰，各自安好，向阳而生1.安装nginx直接安装报错复现yum -y install nginx解释：Nginx在CentOS官方软件仓库中不可用，但它在EPEL （额外的CentOS软件包）软件仓库中可用，因此安装前需要先安装EPEL软件仓库正确安装方式1
转载
2023-11-13 20:41:54
94阅读
前端部署是指将前端代码部署到服务器上，使用户可以通过浏览器访问到网站或应用。在Kubernetes（K8S）环境下，前端部署需要遵循一定的流程和步骤来完成，下面我将为你详细介绍。
### 前端部署流程
在Kubernetes中，实现前端部署的流程如下表所示：
| 步骤 | 操作 |
| :----: | :---- |
| 1 | 创建前端代码仓库 |
| 2 | 编写Dockerfile
原创
2024-05-07 10:02:19
124阅读
前端多环境部署前端程序一般会部署在开发、生产等不同环境中，各个环境的配置信息可能不同。例如:api域名// 生产
baseUrl="http://www.xxx.com";
// 开发
// baseUrl="http://www.xxx.cn";日志打印控件// 生产
new Vconsole();
// 开发
// new Vconsole();移除日志打印// 生产
// babel.con
转载
2024-08-14 00:45:04
15阅读
文章目录前言一、tomcat服务器1.安装tomcat2.配置文件二 node服务器1.安装node.js2.运行前端包三 nginx服务器1.安装nginx2.修改配置文件 前言在windows系统中，前端将代码打包后，可以直接通过浏览器进行访问。但是这时的前端包只是运行在浏览器上，而真正前端运行需要以服务器作为依托。前端包相当于鱼，而运行前端的服务器相当于鱼缸，今天我们来聊聊前端项目部
转载
2023-12-19 11:48:37
127阅读
本教程主要讲解了怎么使用 Jenkins 和 Github Actions 部署前端项目。第一部分是使用 Gitea 配置局域网 git 服务器，再使用 Jenkins 将 Gitea 下的项目部署到局域网服务器。第二部分是使用 Github Actions 将 Github 项目部署到 Github Page 和阿里云。阅读本教程并不需要你提前了解 Jenkins 和 Github Action
转载
2024-02-27 10:12:05
273阅读
温馨提示：如果有自己的服务器最好不过了，这样部署网项目就可以上线了。没有的话，只能使用localhost 本机访问啦，记得替换 ngixn 中的ip地址、域名为localhost。 (一) 准备工作一、安装1、安装Docker并配置阿里云仓库加速① 环境查看，选择对应的docker的安装版本：docker 帮助文档：https://docs.docker.com/get-started/overv
转载
2023-08-11 16:55:23
181阅读
Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。 2.1 快速安装funclibyarn: $ yarn add funclibnpm: $ npm install funclib2.2 在小程序中安装yarn: $ yarn add funclib-mpnpm: $ npm install funcli
转载
2023-07-11 11:43:31
96阅读
将 Vue 项目部署到线上，通常需要经过以下步骤：1. **本地开发和测试：**- 确保您的本地开发环境已经安装了 Node.js 和 np并进行功能测试和调试。
原创
2024-01-02 12:19:15
246阅读
说起前端构建，大家一定首先想到 Webpack，确实它是前端构建的老大哥了，大而全，什么场景都能满足，社区生态爆炸。但是社区里也有许多其他优秀的构建工具，他们或许不如 Webpack 那样“包治百病”，但他们都有一些独特的优势，如果在一些特定的场景你觉得使用 Webpack 太臃肿了，那你或许可以考虑下面的一些工具。Parcel 一个号称「「0 配置」」的打包工具，开箱即用，同时默认使用 Wor
转载
2024-05-20 11:01:50
22阅读
所以的步骤如下1、宿主机创建好要挂载的目录mkdir -p /home/nginx/
mkdir -p /home/nginx/logs
mkdir -p /home/nginx/html-p 参数的作用就是允许创建多级目录2、启动一个不挂载的容器docker run -d --name nzc-nginx -p 80:80 nginx为了让大家更进一步理解 Nginx 目录结
转载
2024-07-04 15:58:18
83阅读
在项目开发的过程中，一些公司经常是前后台分开的，并不是所有的前端文件都在后台项目中，尤其是互联网公司。这时候就需要后端人员单独运行前端文件。怎么用Tomcat部署运行前端静态文件呢？工具/原料 Tomcat方法/步骤 可以把文件直接放到webapps下面。当只是运行一个项目的时候，这种方法还好，但是当你涉及到两个以上项目的时候，就麻烦了。设定虚拟目录的方法，下面详细
转载
2023-12-10 23:05:18
74阅读
原始发布部署： 石器时代的我们，先是本地打包好项目，在去服务器上把原来的文件删了，然后回到本地copy到服务器； 这操看起来简单，实际部署的人就知道多烦了，假如来几个项目都要重新发布；那就爽了； 今天小编分享个自动打包部署方法，Jenkins 上只要你的小鼠标轻轻一点就OK；正文： 首先是服务器上安装 Jenkins ；前提呢要现在服务器上安装Java 环境&n
转载
2024-03-25 10:42:01
61阅读
Docker 部署项目目录Docker 部署项目一、安装docker（Ubuntu）二、docker仓库配置1、设置公有仓库2、设置私有仓库1）搭建私有仓库——私有服务器上2）设置私有仓库三、拉取镜像1、登录仓库2、拉取镜像四、dockerfile编写1、RUN2、COPY3、CMD4、ENV5、ARG6、VOLUME7、EXPOSE8、WORKDIR9、USER10、ONBUILD11、ENTR
转载
2024-06-01 17:23:53
153阅读
学习了一周的CICD,踩了很多坑,都是泪,特此记录一下整个过程,本次项目产出效果是,git push的时候自动化直接部署到服务器上,以下是整个大致流程:1、本地代码push到gitlab2、gitlab通过webhook通知到jenkins3、jenkins拉取gitlab仓库代码,并执行shell脚本4、shell脚本执行docker命令,打包项目5、安装nginx,并把打包好的dist目录映射
转载
2023-10-24 13:19:46
120阅读
vue打包命令npm run build产生一个dist文件，里面会有所有项目编译好的内容，还有一个.map文件, 这个是帮助你维护用的 你也可以选择修改一下配置，不生成 > 可以减少编译后的体积。创建 vue.config.js
代码如下module.exports = {
productionSourceMap: false, // 在你npm run build 不输出, .map
转载
2024-04-17 22:01:37
115阅读
