草庐IT

nodejs_vue

全部标签

[Kubernetes]2. k8s集群中部署基于nodejs golang的项目以及Pod、Deployment详解

一. 创建k8s部署的镜像1.部署nodejs项目(1).上传nodejs项目到节点node1(2).压缩nodejs项目 (3).构建nodejsDockerfile1).创建nodejsDockerfile具体可参考:[Docker]十.DockerSwarm讲解,在/root下创建nodejsDockerfile,具体代码如下:FROMnode#把压缩文件COPY到镜像的root下ADD/wwwroot/nodejs.tar.gz/rootWORKDIR/rootRUNchmod-R777nodejsWORKDIR/root/nodejsEXPOSE3000#安装依赖RUNnpminst

Vue3+Vue-Router+Element-Plus根据后端数据实现前端动态路由——权限管理模块

提示:文章内容仔细看一些,或者直接粘贴复制,效果满满文章目录前言一、技术栈二、项目结构三、菜单组件和数据1、AsideMenu.vue组件2、LeftSubMenu.vue3、menuData.json数据四、router配置1、router/index.js2、permission.js(与main.js同级)3、main.js五、效果六、给个点赞和收藏七、参考文献前言提示:文章大概1、项目:前后端分离2、前端:基于Vite创建的Vue3项目3、后端:没有,模拟的后端数据4、关于路径“@”符号——vite.config.js文件里修改提示:以下是本篇文章正文内容,下面案例可供复制粘贴使用,嘎

Vue+Springboot前后端完整使用国密算法SM2双公私钥对数据加密传输交互完整解决方案

Vue+Springboot前后端完整使⽤国密算法SM2双公私钥对数据加密传输交互完整解决⽅案项⽬,特别是企事业单位的项⽬,第三方测试公司做安全测试时,常常要求使用国密算法,因涉及服务端和客户端的交互,传递关键数据时要求使用SM2非对称加密。引入相关依赖这里我使用的是jdk1.8的maven项目,需要在pom.xml里引入以下依赖:cn.hutoolhutool-all5.8.22org.bouncycastlebcprov-jdk15on1.70commons-codeccommons-codec1.14 可复用代码importcn.hutool.core.util.HexUtil;impo

Vue-9.集成(.editorconfig、.eslintrc.js、.prettierrc)

介绍同时使用.editorconfig、.prettierrc和.eslintrc.js是很常见的做法,因为它们可以在不同层面上帮助确保代码的格式一致性和质量。这种组合可以在开发过程中提供全面的代码维护和质量保证。然而,这也可能增加一些复杂性,需要谨慎配置和协调(其实就是它们之间有交集的配置,这部分配置必须一致,所以我下面的配置都是配套的)。简单示例当同时使用.editorconfig、.prettierrc和.eslintrc.js这些配置文件时,可以实现一致的代码格式、规范和质量。以下是一个详细的示例,展示如何在一个项目中配置这些文件:.editorconfig文件示例:.editorco

vue 前端灵活改变后端地址

vue前端灵活改变后端地址起因:我们在做项目时;很多时候会遇到后台地址变动,不管是在打包或者是开发中;每一次后台开机启动或者换电脑启动后台,后台地址都会随之变动;而这种情况;每次后台改动前端就要去找地址跟着改;开发还好,实际应用时,每次都要改了之后再打包;频繁打包就很麻烦。有没有什么方式可以直接修改后台地址呢?当然有,该文就是提供一种方便的处理方式。使用:第一种方式:1.我们在脚手架的public文件夹中新建一个js文件,用于存储后台地址配置:示例config.js文件:module.exports={interfaceIP:"http://xxxxxx",//interfaceIP:"htt

如何解决npm install 的报错npm ERR! network request to http://registry.cnpmjs.org/vue-cli failed

报错:npmERR!syscallgetaddrinfonpmERR!errnoENOTFOUNDnpmERR!networkrequesttohttp://registry.cnpmjs.org/vue-clifailed,reason:getaddrinfoENOTFOUNDregistry.cnpmjs.orgnpmERR!networkThisisaproblemrelatedtonetworkconnectivity.npmERR!networkInmostcasesyouarebehindaproxyorhavebadnetworksettings.npmERR!network'p

Vue2+swiper基础实现轮播图

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档前言swiper的基础使用提示:以下是本篇文章正文内容,下面案例可供参考一、swiper官网Swiper中文网-轮播图幻灯片js插件,H5页面前端开发二、基础使用1.创建Vue项目vuecreatedemo_vue2.安装swiper插件    注意:我们用的是vue2所以推荐大家下载swiper5版本npminstallswiper@5示例:查看安装是否完成:3.组件内引入css以及js//引入jsimportSwiperfrom"swiper";//引入cssimport"swiper/css/swiper.min.css";

基于Vue的前端界面实现日期的实时显示

1.开发过程中有很多场景需要在界面上实时显示日期时间。本文介绍一种简单的实现方法。下图1.1为效果图图1.12.实现方法。首先在data里面声明一个变量curretime,并引入到页面中。如图2.1所示图2.13.在methods里定义一个方法,实例代码附下:updateTime(){constnow=newDate();this.currentTime=now.getFullYear()+“年”+(now.getMonth()+1)+“月”+now.getDate()+"日"+now.toLocaleTimeString();}4.随后在mounted中通过定时器不断调用该方法即可,代码附下

vue2+vant 简易实现京东app商城(附源码)

实现效果首页分类页面购物车用户中心项目说明利用vue2+vant模仿京东app商城,实现首页、商品分类页面、购物车、简易商品详情页、登录页。创建项目一、创建vue项目、安装模块①、创建vue2项目mobile$vuecreate"mobile"②、安装路由模块,vant组件$npmivue-router@3vant@latest-v2-S二、创建路由,创建页面组件、引入vant与样式①、在src目录下创建views文件夹,存放页面组件views结构如图②、在src目录下创建router文件夹,新建index.js文件importVuefrom"vue";importVueRouterfrom"

【前端趋势】Vue、Vite作者尤雨溪前端趋势2022主题演讲

欢迎来到我的博客📔博主是一名大学在读本科生,主要学习方向是前端。🍭目前已经更新了【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏🌈博客主页👉codeMak1r.的博客最新专栏【React–从基础到实战】本文目录一、开发范式&底层框架ReactHooks基于编译的响应式系统统一模型的优势和代价基于编译的运行时优化二、工具链原生语言在前端工具链中的使用工具链的抽象层次基于Vite的上层框架三、上层框架数据的前后端打通类型的前后端打通JS全栈的代价社区探索的方向🕹坚持创作✏️,一起学习📖,码出未来👨🏻‍💻!2022年7月22日,也就是前天,在某平台开发者大会上,知名前端