react 项目搭建通过 node 本地服务端进行前端项目的搭建，这样的操作，除了工程化管理项目，还可以整合团队成员开发，分发开发，提高开发效率。本文不对 node 进行细讲，能够有所了解并会基本的使用即可，至于 node 的安装，建议参考【开发工具 —— 前端工程开发环境 Node 之 NVM 管理应用】此片文章。回归主体，本章主题讲解如何使用 node 环境使用 react 脚手架创建项目，并
在Kubernetes中部署前端项目到Nginx是一个常见的操作，通过以下步骤，你可以轻松地实现这一目标。
### 步骤概览
| 步骤 | 操作 |
| --- | --- |
| 1 | 编写Nginx配置文件 |
| 2 | 创建Deployment资源 |
| 3 | 创建Service资源 |
| 4 | 部署到Kubernetes集群 |
### 具体操作
#### 步骤1：编写
原创
2024-04-23 19:02:56
212阅读
注：本文选择了nginx做web服务器。因为在本文vue前端项目中，需要从接口获取数据，可是数据与vue前端项目是在同一ip地址但不同端口号，所以需要跨域读取数据。本文的跨域处理是使用了nginx。环境： 阿里云服务器（ubuntu 64bit）xshellnginx1.使用xshell登录到阿里云服务器。安装nginx（本文安装到/etc下） [plain]
1. cd /etc
转载
2024-06-13 21:32:08
1331阅读
Nginx ("engine x") 是一个高性能的HTTP和反向代理服务器，也是一个IMAP/POP3/SMTP服务器。Nginx是由Igor Sysoev为俄罗斯访问量第二的Rambler.ru站点开发的，第一个公开版本0.1.0发布于2004年10月4日。其将源代码以类BSD许可证的形式发布，因它的稳定性、丰富的功能集、示例配置文件和低系统资源的消耗而闻名。关于Nginx的优点，我
转载
2024-03-25 21:31:47
27阅读
一.前端路由介绍: 路由就是指随着浏览器地址栏的变化，展示给用户的页面也不相同。 传统的网页根据用户访问的不同的地址，浏览器从服务器获取对应页面的内容展示给用户。这样造成服务器压力比较大，而且用户访问速度也比较慢
1. 引言
目前的后台系统都是前后端分离的项目，前端开发者关注页面的编排、后端开发者专注于API逻辑开发。开发流程为：各自开发后好，后端服务先部署到云端，前端在本地进行接口调试，调试好后发布到服务器。两者都部署后，在前端获取到的数据包括两部分，其一是开发的静态文件、其二是后端服务数据。那前端在调用的时候是如何去区分是拿静态文件还是接口数据呢？ 2. 项目部署和路由配置 2.1 前端项目部署对于前
家都知道在前端开发过程中，为加快网站静态资源加载速度都会对js/css等静态资源进行压缩合并再部署到生产环境，而在实际开发过程中开发人员一般都是在开发环境进行源码文件开发调试的，当部署平台或部署人员将开发人员提交的前端代码进行压缩合并为压缩文件后，当遇到生产环境出现问题之后很难通过压缩文件去定位问题，所以如何让开发人员便利的调试线上代码，并迅速定位问题是部署及运维网站需要考虑的重要考量的地方，此文
概述作为一个前端，我觉得必须要学会使用 nginx 干下面几件事：代理静态资源设置反向代理（添加https）设置缓存设置 log部署 smtp 服务设置 redis 缓存（选）下面我按照这个节奏一一研究一遍，把心得记录下来，供以后开发时参考，相信对其他人也有用。参考资料：Beginner’s Guidenginx 重要点（nginx 的安装我就不介绍了，自己按文档安装就行）1.如果 nginx 已
转载
2024-03-07 12:35:24
550阅读
搭建 Jenkins+nginx 的Node+vue的前端自动化部署主要用的Jenkins进行前端的自动化部署，环境以及工具使用的是：Docker 以及 Portainer ； 文章目录搭建 Jenkins+nginx 的Node+vue的前端自动化部署安装nginx及配置安装Jenkins及配置1- 安装Jenkins本身2- 系统安装NodeJS的环境3- Jenkins 系统插件及环境变量4
转载
2024-06-20 20:38:27
38阅读
原以为数据查出来了，要展示是鸡毛蒜皮的事儿！谁知道，我弄了一天。。。。我错就错在没把connection.query里面。下面的例子是可以的了！ 看过我之前文章的同学，应该很熟悉下面的代码，对！主要是红色部分。每次进步一点点，很多时候就这么一点点，可能对以后很大的启发也不一定。依旧用回我老掉牙的练习... Read More
转载
2015-11-03 20:23:00
75阅读
2评论
nginx的重要性及配置应用一、为什么要前后端分离 在现在的程序开发中，越来越多的出现了前后端分离的趋势。在前后端分离的情况下，后端只需要关注于业务逻辑以及后台代码实现，对外只需提供api接口以及相应的接口文档即可。而前端则是在关注于自己的页面展现以及根据后端提供的接口文档调用api接口进行，在页面铺相
转载
2024-03-24 10:31:27
110阅读
Windows部署Nginx1、安装Nginx下载安装包、解压即可完成安装2、部署前端项目以上步骤可以不做，资料中已提供部署完成的Nginx压缩包，直接解压双击nginx.exe 即可2.1、前端打包（1）进入前端的源代码 package.json 对应的目录下执行命令运营商后台：restkeeper-vue-operatornpm run build:prod商家后台：restkeeper-vu
转载
2024-02-21 15:30:16
153阅读
nginx ,node 配置项目 1.安装好node，npm 2.安装cnpm， g是全局的 3.通过cnpm安装扩展（淘宝镜像安装会很快） 4.安装pm2 5.开启服务 server.js 6.编译项目 7.访问项目 8.配置nginx 再配置个域名指向服务器，或者配置个hosts
原创
2021-08-05 16:14:34
508阅读
学习node的时候也写了一些demo。但是只是限于本地测试，从来没有发布。今天尝试发布项目。需要准备的东西node 项目：为了突出重点，说明主要问题。我只是拿express 写了很简单的demo。服务器：阿里云或者其他的服务器
lnmp 点击查看简介
pm2 pm2 是一个带有负载均衡功能的Node应用的进程管理器.发布步骤1. 项目准备共计两个文件index.jspackage.json/**
转载
2024-05-04 17:18:10
168阅读
前言现在公司项目本地使用node实现前后端分离，服务器使用的是 nginx + tomcat 的部署方式。实际上前后端分离的技术完全可以用在node部署上。本地准备本地只需要准备下面几个文件： 1）网站的静态资源文件：包括html、js、css、图片等资源。static和view的目录结构参考上图左侧，如果你的网站目录结构不同，只需要在server.js文件中重新配置下路由；
2）pac
转载
2024-03-26 15:42:33
37阅读
前言 跨域对于前后端开发来说是一个老生常谈的问题了。客户端与服务端通信时协议不同、域名不同、端口不同都会产生跨域问题。值得一说的是跨域是源于浏览器的同源策略，也就是浏览器做了访问限制。而 XMLHttpRequest 请求和 Fetch API 都遵循同源策略。所以跨域也只发生在 XHR 请求和 Fetch请求。像 script 标签的 src 请求是不会产生跨域的，这也就是为什么 jsonp 可
转载
2024-10-15 13:48:45
56阅读
这篇文章是收集我在工作中经常会用到的nginx相关知识点，本文并不是基础知识的讲解更多的是一些方案中的简单实现。location的匹配规则= 表示精确匹配。只有请求的url路径与后面的字符串完全相等时，才会命中。^~ 表示如果该符号后面的字符是最佳匹配的，采用该规则，不再进行后续的查找。~ 表示该规则是使用正则定义的，区分大小写。~* 表示该规则是使用正则定义的，不区分大小写。注意的是，nginx
转载
2024-10-22 10:52:01
16阅读
博主昨天为了部署我的博客项目弄到了凌晨两点太难受了鸭。中间碰到好多坑，索性出一期教程，能为其他人做一分贡献就不算白费。 其实这次部署还不算完整，node.js应该用pm2来部署，为了方便我直接在控制台中用nodemon启动了。下次有空再完善吧 首先看看我们的准备材料1，一个前后端联调成功的项目 包括，一个web工程，一个node.js工程 2，服务器上有tomcat和node.js以及数据库MYS
转载
2024-03-28 10:33:38
90阅读
前提：nginx 已安装简介：nginx(engine x) 是一个高性能的HTTP和反向代理服务，也是一个IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点开发的，第一个公开版本0.1.0发布于2004年10月4日。国内分支Tengine。部署：进入安装的 nginx 目录，找到 nginx.conf&nbs
转载
2024-02-24 19:49:51
98阅读
1、简介 Nginx 由俄罗斯访问量第二的rambler.ru站点设计开发的，首次发布于2004年10月，是一个高性能的HTTP和反向代理的web服务器，其主要特点为占用内存少，并发能力强，官方测试数据表明能支持50000各并发连接数的响应。安装简单、配置文件简洁（支持perl语法），而且可以做到24小时不间断运行，在不间断服务的情况下进行软件升级。 国内使用nginx的公司很多，如：百度、京东、
转载
2024-03-25 08:48:37
262阅读
