by João Henrique 通过JoãoHenrique (How to create a full stack React/Express/MongoDB app using Docker)In this tutorial, I will guide you through the process of containerizing a React FrontEnd, a Node/Exp
转载
2024-05-14 16:29:01
56阅读
nignx是一款非常优秀的服务器软件，前端工程师在开发完项目后，通常要将项目部署到服务器，我在部署项目时用的就是nginx。
今天跟大家分享一下用nginx部署前端项目的一些经验。
React项目开发完成后，需要运行 build指令进行打包，打包完成后得到打包的文件，然后将这些文件部署到服务器。
关于打包这里通常有两种操作，一种是在本地打包，然后将打包文件利用scp指
转载
2024-06-24 07:25:14
179阅读
1、Jenkins简介Jenkins是开源CI&CD软件领导者， 提供超过1000个插件来支持构建、部署、自动化， 满足任何项目的需要。2、Jenkins安装这里是使用docker-compose安装Jenkins，所以需要先安装docker和docker-compose2.1、docker安装在安装前检查是否有安装gcc和gcc-c++
安装软件包
yum install -y yum
转载
2024-10-28 21:51:01
125阅读
本质上来说JSX是React.createElement(component, props, ...children)方法的语法糖。所以我们如果使用了JSX，我们其实就是在使用React，所以我们就需要引入React前言React是前端最受欢迎的框架之一，解读其源码的文章非常多，但是我想从另一个角度去解读React：从零开始实现一个React，从API层面实现React的大部分功能，在这个过程中去
转载
2024-05-19 07:51:27
11阅读
本文主要记录了「发布Java项目到Maven中央仓库」这一过程。大概分为以下步骤：准备一个项目并发布到github上去https://issues.sonatype.org建立工单将项目发布到https://oss.sonatype.org最后在https://search.maven.org/查询项目是否发布到Maven中央仓库准备首先，我们需要准备一个Java项目，最好是发布在代码托管平台上，
转载
2024-01-24 22:41:08
59阅读
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、安装好nginx后启动2、将前端项目复制到/nginx/html文件夹下 3、将nginx下的配置文件（/nginx/conf/nginx.conf）里的serve
原创
2022-06-21 20:09:46
534阅读
首先是nodejs和npm，webpack是依赖于nodejs的，npm是包管理工具，由于比较简单且老生长谈，这里不做赘述，提供一个网址参考一下https://www.runoob.com/nodejs/nodejs-tutorial.html然后在项目根目录下执行npm init 会自动创建一个package.json文件写在前面：npm常用知识：npx命令是从bin目录下执行包，多用于非全局安
随着现在软件行业分工的细化，研发同学更关注研发的功能，对一些常见的运维部署不是那么熟悉，例如常常用到的nginx、docker等等。今天先来看看nginx可以在项目中做些什么？注意：本文主要讨论nginx在不加载第三方模块的情况下。nginx目录首先看下nginx安装后的目录(以windows为例)，如下图 一般只需关注conf文件夹中的nginx.conf文件即可，如果启动有问题，可
转载
2024-03-20 08:45:54
35阅读
参考文章在刚学React/Vue的时候，配合webpack脚手架学习的过程中，碰到一个问题会非常疑惑，比如在React中有个Public文件夹可以放静态资源，但是在src目录中同样有个assets文件夹，这个同样也是放静态资源的，这个就很困惑了，为何放置静态资源的地方会有两个？两者区别其实放在两个文件夹区别就在于是否会被webpack所处理，如果您将文件放入该public文件夹，webpack 将
转载
2024-10-22 15:45:38
121阅读
本来计划是将一个React工程部署在自己的Centos虚拟机中，但是因为一些网络和安全问题暂时停止了这个计划，于是就把该项目转移到阿里云服务器中，这篇笔记记载了如何从第一步开始直到浏览器通过IP可以访问你的React项目为止。1.编译你的React项目我的项目是通过create-react-app脚手架创建的，当项目编写完成之后可以执行package.json下面的build脚本就可
转载
2024-06-18 13:39:44
334阅读
Part One首先，打开MyProject目录（这个就是我们的项目目录）下的的index.android.js文件，其实这个名字你可以自己定义，不一定非要命名为index.android.js。下面就让我们来分析一下这个文件的内容结构和一些注意事项。import React, { Component } from 'react';
import { // 引入React Native组件，当我们
React是一个用于构建用户界面的JAVASCRIPT库，起源于Facebook内部项目并于2013年5月开源。React拥有出众的性能而代码逻辑却非常简单，因此越来越多的人开始关注和使用React。现在已经成为前端三大主流之一，其他两大主流前端框架分别为Angular和Vue。 安装Node在安装React之前我们需要安装node环境，这个我们只要在node官方下载node绿色免安装
1. location正则写法一个示例： location = / {
# 精确匹配 / ，主机名后面不能带任何字符串
[ configuration A ]
}
location / {
# 因为所有的地址都以 / 开头，所以这条规则将匹配到所有请求
# 但是正则和最长字符串会优先匹配
#pathinfo模式
#try_files $uri $uri/ /inde
如果你用过Axure官方的axshare，那么你肯定会被缓慢的打开速度抓狂。今天就跟大家分享一些其他的在线演示方式和对比评测如果你用过Axure官方的axshare，那么你肯定会被缓慢的打开速度抓狂。今天就跟大家分享一些其他的在线演示方式和对比评测 原型托管是什么？ 产品经理常用的工具就是Axure，通过Axure把想法转化成包含交互的原型线框图。在工作中，我们用HTML文件传递不仅会遇到某些浏览
前言昨天，我们跟着这位大哥的博客（https://github.com/nswbmw/N-blog/wiki/_pages）进行了nodeJS初步的学习，最后也能将数据插入数据库了但是一味的跟着别人博客写代码肯定不行，所以我们今天就来做一个简单的新闻发布系统，系统第一阶段不需要太难，主要有以下功能① 新闻类型管理② 新闻管理（具有图片上传功能）③ 新闻浏览功能虽然不多，但是也涵盖很多基本操作了，程
开发服务器上的Flask应用程序只能在设置了开发环境的计算机上访问。 这是一种默认行为，因为在调试模式下，用户可以在计算机上执行任意代码。 如果禁用了调试，则通过将主机名设置为:0.0.0.0，可以使网络上的用户可以使用本地计算机上的开发服务器。app.run(host = ’0.0.0.0’) 这样，您的操作系统会侦听所有公共IP，也就是说，所有请求都会被处理。 部署 要从开发环境切
–user=nginx \–group=nginx \–with-http_stub_status_module && make && make install2.安装后优化调整[root@Nginx nginx-1.18.0]# ln -s /usr/local/nginx/sbin/nginx /usr/local/sbin/ #创建软链接优化执行路径
[roo
引言：Vue.js 是一种流行的前端框架，而 Nginx 是一款高性能的 Web 服务器。将 Vue 前端项目成功部署到 Nginx 服务器上，可以为用户提供快速可靠的访问体验。本文将介绍如何在 Linux 环境下实践将 Vue 前端项目部署到 Nginx 服务器的步骤。前提条件在开始之前，确保你已经满足以下前提条件：你已经在本地开发环境中创建和测试了 Vue 前端项目。你已经在 Linux 服务
转载
2024-07-04 06:26:49
817阅读
