首先在服务器上安装nginx,对于像我这种半路出家的小前端来说,对服务器操作的了解也是一知半解所以我们直接使用大神的一键安装系列脚本之nginx一键安装curl -O https://dshvv.oss-cn-beijing.aliyuncs.com/inginx_ssl.sh && chmod 755 ./inginx_ssl.sh && ./inginx_ssl
本人不是专职的运维人员, 本文将自己理解的运维技术知识做个梳理。以便自己记忆和回顾。 现在的 互联网系统是越来越复杂,而且要求系统 7x24 小时不阶段的运作。 对于大型的互联网公司,系统更是错综复杂。 越复杂的系统,越要求简单的耦合,能够最小化的切分。 统一输入输出, 这样系统才能做的庞大,而不显的复杂。而且
搭建 webpack + React 开发环境我在实际工作中用百度 fis3 搭建 React 开发环境,但是放在整个前端社区中,webpack 肯定更适合大家,这里就用 webpack。如果之前未听说或者未用过 webpack 的同学,一定此机会恶补一下,也可以查阅官网开始之前好,否则就需要你在某些过程中耐心等待初始化 npm 环境并安装插件当前的 web 前端开发,基本使用 npm 管理第三方
nginx反向代理布置项目springboot项目通过命令运行:mvn spring-boot:runps:这里需要找到项目文件的地方然后cmd,输入:mvc spring-boot:run,运行完之后然后就能访问了2.直接运行main方法3.打包运行打包成jar包 1>导入插件<build>
<plugins>
<plu
转载
2024-03-25 18:26:47
64阅读
nginx代理部署Vue与React项目一,介绍与需求 1.1,介绍Nginx (engine x) 是一个高性能的HTTP和反向代理服务,也是一个IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点(俄文:Рамблер)开发的,第一个公开版本0.1.0发布于2004年10月4日。Nginx是一款轻量级的Web 
转载
2024-07-24 07:47:33
842阅读
1. 获得一个 linux server方法很多种,例如 aws EC2 , 阿里云 ECS , linode 等2. 登录远程服务器并设置服务器命令行使用 ssh 登录,例如:C:\Users\yanchun>ssh root@39.106.35.44然后对服务器进行一些基本设置,使其具有更高的安全性。2.1 更新服务器上所有软件apt update2.2 升级所有软件apt upgrad
一般想要发布到npm的包都是想给自己的其他项目或者是更多的人使用.所以我觉得应该更简单,更少的依赖.比如我做的dragable-time-selector就是一个时间选择的控件,所以不需要太多的依赖.当然为了节省时间或者是我们并不太清楚要依赖的包的原理的时候可以选择依赖他们.虽然我们从create-react-app创建的项目也可以发布成为npm的包,但是由于我们并不需要里面很多的依赖,所以我们还
docker软件开发面临的问题之一就是环境配置问题,当前的软件环境可以运行程序,但是换一台服务器由于环境的不同可能导致原先能正常运行的程序跑不起来,也就意味着换一台机器,就要重新配置一遍环境,非常费时费力。于是就想着可不可以安装软件的时候把之前的环境也带着。如果把一台服务器看做是一艘货船,每个软件及依赖的环境看做是一个个集装箱,就可以很好的理解docker在服务器中的作用。docker 与 虚拟机
转载
2024-06-27 12:00:50
141阅读
路由一、路由1.1、路由传参1.2、路由上下文1.3、非路由跳转的组件获取路由上下文1.4、exact属性1.5、4041.6、Switch1.7、Redirect二、选择器冲突解决方案2.1、命名空间 BEM2.2、模块化2.3、scss三、async和await 一、路由路由的基本使用我们已经讲过了,现在讲讲路由传参。1.1、路由传参路由传参完成的是组件之间的数据传递(组件传值)1)、par
准备工作第一步 准备项目部署文件准备项目中使用的数据库.sql文件。准备项目程序(整个项目的war包文件) 第二步 安装运行环境依次安装JDK、TOMCAT、MYSQL NAVICAT需要注意的是避免安装在C盘 ,依据实际情况均安排在 其他盘符的根目录JDK安装详细步骤安装JDK 选择安装目录 安装过程中会出现两次 安装提示 。第一次是安装 JDK ,第二次是安装 JRE , JDK和J
文章目录一、环境准备二、打包项目,并且运行数据库1.打包项目2.运行数据库三、上传项目四、运行项目五、配置nginx,实现反向代理六 、测试结果 一、环境准备1.Java环境–jdk1.8 2.tomcat环境准备3.nginx环境准备4.MySQL环境准备(根据项目版本需要安装)二、打包项目,并且运行数据库1.打包项目我使用的是idea,所以直接在idea里面打包就可以了,点击Maven,按照
转载
2024-02-19 01:40:08
75阅读
React是什么React 是一个采用声明式,高效而且灵活的用来构建用户界面的框架。环境搭建由于React依赖nodejs环境需要先下载NodeJs环境,安装完成后通过命令行查看安装是不是成功node -v国内调用npm较慢的情况下可以使用淘宝的镜像npm config set registry https://registry.npm.taobao.org
npm install -g crea
转载
2024-09-28 23:00:42
47阅读
文章目录1. 概述2. 优点3. 为什么选择Nginx4. 下载5. 安装6. 配置参数详细说明7. 命令行参数7.1 启动nginx7.2 重启nginx——重新加载配置7.3 停止nginx7.4 运行`Nginx`时指定配置文件7.5 新打开日志文件7.6 修改`nginx.conf`文件后测试是否通过7.7 nginx的命令行参数列表8. 发布React项目8.1 脚手架工具打包8.2
转载
2024-08-27 10:31:02
194阅读
Vue项目部署问题及解决方案Vue-Router 有两种模式,默认是 hash 模式,另外一种是 history 模式。hash:也就是地址栏里的 # 符号。比如 http://www.example/#/hello,hash 的值为 #/hello。特点:hash 虽然出现 URL 中,但不会被包含在 HT
一、在同一个服务器上同一端口运行即:没有跨域问题的直接部署1.把上节打包好的文件,build目录内所有文件移到后端项目的public中(项目名:react-admin-server)2.然后把server中的静态文件配置改为:app.use(express.static('public')) //【1】修改静态文件位置public/*
应用的启动模块
1. 通过express启动服务器
2. 通过
转载
2024-06-28 07:33:12
133阅读
文章目录React 项目迅速搭建前期工作:搭建项目(初始化):项目目录结构:组件结构:antd实战upload传文件部署到服务器(win)安装、启动Nginx配置NginxNginx常用命令:总结:部署到linux服务器 React 项目迅速搭建前期工作:1、必须安装nodejs 注意:安装nodejs稳定版本2、安装cnpm:用cnpm替代npm安装cnpm:
npm install -
nignx是一款非常优秀的服务器软件,前端工程师在开发完项目后,通常要将项目部署到服务器,我在部署项目时用的就是nginx。
今天跟大家分享一下用nginx部署前端项目的一些经验。
React项目开发完成后,需要运行 build指令进行打包,打包完成后得到打包的文件,然后将这些文件部署到服务器。
关于打包这里通常有两种操作,一种是在本地打包,然后将打包文件利用scp指
转载
2024-06-24 07:25:14
179阅读
在上一篇文章中我记录了Android原生接入React Native的一些知识点,那么接入开发完毕之后就需要打包生成正式apk文件,本篇文章就开始介绍如何打包。先说明一下,平时开发RN的时候,首先需要react-native start 开启服务,然后通过react-native run-android 就安装到手机或者模拟器了,然后也能运行。但是这里打的测试包其实不包含js代码,而是通过连接js
转载
2024-03-19 16:41:16
83阅读
一:playbook条件语句---when判断1. 根据不同的操作系统安装nginx#官方示例:
tasks:
- name: "shut down Debian flavored systems"
command: /sbin/shutdown -t now
when: ansible_facts['os_family'] == "Debian"
# note tha
转载
2024-09-09 19:58:26
21阅读
关于DockerDocker是一个使用Go语言编写的虚拟化解决方案,非常轻量、易于使用。为什么要使用Docker至于为什么要使用Docker,相信你可以很轻松地在网上找到许多使用Docker的优点。一次配置、到处运行,更高效的虚拟化,更简单地管理等等。 但是,对于我个人来说,使用Docker,可以让我的工作环境变得整洁、干净。说到这里,就要说一下工作方式了。1. 石器时代在最开始时候,个
转载
2024-09-27 22:04:22
46阅读