一、概述vue项目可以打一个dist静态资源包,直接使用Nginx发布即可。但是nuxt项目无法像vue那样,可以打一个dist静态资源包。需要安装Node.js,并使用npm install 安装依赖包才行。 现在由于要上docker,需要将nuxt项目和nojs.js依赖包打成一个镜像才行。 二、封装docker镜像目录结构在服务器新建目录/data/nuxt_web/,目
转载 2024-06-09 09:13:04
56阅读
你听到过这样的对话吗?程序猿1:在我的计算机上不能用 ? 程序猿2:在我这里好好的啊 ? 程序猿1:在我的计算机上不能用 ? 程序猿2:在我这里好好的啊 ?这种对话很常见。这一般是由于工作环境设置或配置不同而引起的。这就是为什么要使用 docker 的主要目的。在文中,我将教你什么是 docker,为什么使用以及怎样用来给 nodejs 程序打包。什么是DockerDocker 的定
前言:nodeJS的一大优点之一就是js文件的模块化。每一个js文件都可以是一个模块,这意味这我们在弄大型项目的时候,不再需要定义大量的全局变量了。一、js文件的弊端如果a.js文件要访问b.js里定义的变量的话,那b.js定义的变量得定义在全局,那样就会造成全局环境的污染。(如果全局定义的变量有重名的,会造成很大困扰)。<!DOCTYPE html> <html> &lt
常见的分布式事务场景分布式事务其实就在我们身边,你一直在用,但是你却一直不注意它。转账扣你账户的余额,增加别人账户余额,如果只扣了你的,别人没增加这是失败;如果没扣你的钱别人也增加了那银行的赔钱。下订单/扣库存电商系统中这是很常见的一个场景,用户下单成功了,店家没收到单,不发货;用户取消了订单,但是店家却看到了订单,发了货。分库分表场景当我们的数据量大了之后,我们可能会部署很多独立的数据库,但是你
转载 2024-07-04 15:59:21
53阅读
## 如何解决“docker jenkins node项目打包卡死”问题 作为一名经验丰富的开发者,我将向你介绍如何解决“docker jenkins node项目打包卡死”的问题。在解决问题之前,让我们先了解一下整个流程。 ### 整个流程 下面的表格展示了解决问题的步骤: | 步骤 | 描述 | | --- | --- | | 1 | 创建 Docker 容器 | | 2 | 在 Do
原创 2024-02-09 06:36:36
281阅读
# 在Docker打包Vue项目 在前端开发中,Vue 是一种流行的 JavaScript 框架,而 Docker 则是一种用于开发、打包和部署应用程序的工具。将 Vue 项目打包Docker 可以使我们更轻松地部署和管理前端应用。本文将介绍如何将 Vue 项目打包Docker,并提供相应的代码示例。 ## 准备工作 在开始之前,我们需要确保已经安装了 DockerNode
原创 2024-06-04 03:50:09
62阅读
【需求】在使用 VitePress 制作个人文档时,发现官方提供的组件非常不好用,虽然说他们也提供了足够强大的扩展功能,但是定制化始终不尽如人意,满足不了笔者的需求。好在官方提供了源代码,因此我们就需要在源代码上定制修改,再打包,最后在我们的项目中引入并使用。此教程涵盖最常见的 Node 源项目(如:Element Plus、uView 等)定制、打包并使用的过程。【解决】1 下载源代码至本地从
趁着爸妈做年夜饭之前,把之前做的笔记贴出来,新的一年到了,祝大家 Nginx + Node + Vue 部署初试知乎个人博客Github日常学习笔记Nginx 定义异步框架的 Web服务器,也可以用作反向代理,负载平衡器 , HTTP缓存, 媒体流等的开源软件。它最初是一个旨在实现最高性能和稳定性的Web服务器。除了HTTP服务器功能外,NGINX还可以用作电子邮件(IMAP,POP3和SMTP)
搭建 Jenkins+nginx 的Node+vue的前端自动化部署主要用的Jenkins进行前端的自动化部署,环境以及工具使用的是:Docker 以及 Portainer ; 文章目录搭建 Jenkins+nginx 的Node+vue的前端自动化部署安装nginx及配置安装Jenkins及配置1- 安装Jenkins本身2- 系统安装NodeJS的环境3- Jenkins 系统插件及环境变量4
Node.js应用不需要经过编译过程,可以直接把源代码拷贝到部署机上执行,确实比C++、Java这类编译型应用部署方便。然而,Node.js应用执行需要有运行环境,意味着你需要先在部署机器上安装Node.js。虽说没有麻烦到哪里去,但毕竟多了一个步骤,特别是对于离线环境下的部署机,麻烦程度还要上升一级。假设你用Node.js写一些小的桌面级工具软件,部署到客户机上还要先安装Node.js,有点“大
# 使用 Docker 打包 Vue 3 项目:Node 环境配置指南 在当前的开发流程中,使用 Docker打包和部署前端应用已经成为一种常见的做法。本文将详细介绍如何将一个 Vue 3 项目与 Node 环境结合,通过 Docker 实现打包部署。我们将通过一个具体的示例来说明整个过程。 ## 环境准备 首先,你需要确保已安装以下环境: - Node.js(建议使用 LTS 版本)
原创 8月前
114阅读
之前一直使用的hta在开发工具,最近转到node-webkit上了,对比一下二者的优劣势。hta单个文件,体积较小,但有兼容性的问题(兼容ie6、7、8就行了,也还好),node-webkit使用webkit内核,可以直接使用html5、css3的相关特性,比如圆角、渐变等,比较方便,界面炫一些,但在windows下最大的问题就是体积较大。 还有就是node-webkit在window
转载 2024-06-11 17:42:00
48阅读
这是第一个vue的小项目,怕忘记了,把大致流程记录下来给自己看,以后熟悉了就好啦!打开node.js官网,下载安装包,一般选择LTS稳定版本    然后傻瓜式安装就可以(“下一步”);安装完成,打开cmd,输入node -v,回车,出现版本号就是安装成功了。 再查看包管理工具是否安装成功,输入npm -v,回车: 出现版本号即安装成功。&
转载 2024-08-30 15:40:55
188阅读
nodejs打包成桌面程序(exe)的进阶之路node js bat 前端 计划任务前言:最近的研究,请大佬们细品第一篇 - 任务计划程序篇说真的研究到将nodejs打包成可执行的exe文件是个意外的方向。刚开始我的需求就是想要在电脑开机时自启动nodejs的项目;因为自己目前是搞前端开发的,而nodejs现在对于前端来说还是很火的,我们也会经常接触到它,比如webpack、Vue、React等都
前言最近项目搞得差不多了,开始尝试打包Node后台程序。 关于这个问题我卡了两天,尝试了各种办法,期间也走了不少弯路。 相关方面资料太少,在此分享出一套方案实现。 帖子有些啰嗦,你可以直接下载我的工程案例瞅一下:案例工程问题pkg用起来各种问题,不知道pkg是压根就不支持ES6还是我没搞明白,但它明明引用了babel!解决好吧,我们自动手动搞一个babel ES6->ES5编译过程。1.首先
最近接到一个 angular + ionic + cordova 版本比较老的项目,知识(芝士就是力量)盲区 cordova 打包 apk,也是去看了各种大佬分享的芝士,做一个总结方便你我他。 目录1、前端必备`node.js`2、`JAVA_JDK`下载与安装3、安装gradle4、Android SDK 环境变量配置5、安装ant6、安装cordova7、打包vue项目特别提示 一 、环境配置
转载 2023-11-08 21:52:10
67阅读
什么是 Webpack Webpack 是一个模块打包器。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。 为什么重复造轮子   市面上已经存在的模块管理和打包工具并不适合大型的项目,尤其单页面 Web 应用程序。最紧迫的原因是如何在一个大规模的代码库中,维护各种模块资源的分割和存放,维护它们之间的依赖关系,并且无缝的将它们整合到一起生成适合浏览器端请求加载的
转载 2024-05-07 08:52:34
35阅读
       nodejs无可厚非是新兴的后端语言,因为他的开发语言是javascript,javascript语言的自身优势,让nodejs迅速的火遍大江南北。      很多的nodejs的开发插件如雨后春笋般的涌现出来,比如文件操作的fs,解决数据库链接的各种中间件,mysql、mongoose等等。  &nbs
jenkins自动构建docker镜像,并上传至harbor仓库在jenkins的项目中手动推送并查看# docker images在harbor仓库查看上传完成出现报错的可能:jenkins.sock文件没有给权限认证出现报错:使用harbor用户密码gitlab自动触发jenkins第一:在jenkins的设置中找gitlab的插件并安装,安装完成后第二:在gitlab主机中点击管理中心-设置
首先看下面这张图片,下面的所有界面都是用html代码实现的。编程IDE:vb6.0使用控件:WEBBROWSER原理:使用olelib 让程序继承:IDocHostUIHandler 和 ICustomDoc接口 实现对window.external的重写。接下来展示一下基本的API接口。【】var C_System = function () { this.UI = {
  • 1
  • 2
  • 3
  • 4
  • 5