首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

前端运维部署那些事

docker容器来运行前端应用 如何安装 yum install docker-ce 项目目录,部署项目需要准备Dockerfile和nginx.conf(如果nginx不作定制化,可以直接用官方镜像...RUN npm run build FROM nginx:latest COPY nginx.conf /etc/nginx COPY --from=builder /app/dist /usr/...koa2 或 express 项目应用 部署 前端SSR(后端渲染)应用,如nuxt.js(Vue)和 next.js(React)等构建服务端渲染应用框架 4.2 如何使用 安装 :npm install...-g pm2 启动node项目 : pm2 start app.js 或者 pm2 start bin/www 停止pm2服务:pm2 stop bin/www 停止所有pm2服务: stop all...":"pm2 start processes.json" } 更多命令和配置信息查看 pm2文档 5.Nginx Nginx它既可以作为 Web 服务器,也可以作为负载均衡服务器,具备高性能、高并发连接等

99630

使用 Docker-compose 一键打包部署项目!真心不错啊

涉及的知识点包括:nginxdockerdocker-compose、node、mysql也需要了解下。...(安装Docker同时会自动安装,如果没有可以自行安装,也很简单) 一个前端项目(这里演示使用React SPA) 一个后端项目(这里使用Express) 如图所示,通过docker-componse.yml...测试,我们切换路由,发现页面404了,是因为单页面应用路由在前端,需要nginx转发下,接着我们用项目中的Nginx配置覆盖容器中的配置 提取Nginx配置到项目中 首先,我们进入上一步的Docker容器...default-character-set=utf8 [mysql] default-character-set=utf8 新建库和表 这里可以进入容器中操作数据库,还可以使用客户端连接数据库 后端项目启动 下载Express...version: '3' networks: app-web: driver: bridge services: mysql: image: mariadb ports

2.4K30

如何将node+mongodb项目部署在腾讯云服务器,并进行性能优化的

如下给出我的 nginx 代理的设置: 我的两个项目是放在 /home/blog/blog-react/build/; 和 /home/blog/blog-react-admin/dist/; 下的,如果你们的路径不是这个...3.6 启动 express 服务 启动 express 服务,我用了 pm2, 可以永久运行在服务器上,且不会一报错 express 服务就挂了,而且运行中还可以进行其他操作。...安装: npm install -g pm2 切换当前工作目录到 express 应用文件夹下,执行 pm2 命令启动 express 服务: pm2 start ..../bin/www 比如我操作项目时的基本操作: cd /home/blog/blog-node pm2 start ./bin/www // 开启 pm2 stop ..../bin/www // 关闭 pm2 list //查看所用已启动项目: 3.7 页面加载优化 再看刚刚的 nginx 的一些配置: server { gzip on;

8.7K93

服务器小白的我,是如何将 node+mongodb 项目部署在服务器上并进行性能优化的

如下给出我的 nginx 代理的设置: 我的两个项目是放在 /home/blog/blog-react/build/; 和 /home/blog/blog-react-admin/dist/; 下的,...3.6 启动 express 服务 启动 express 服务,我用了 pm2, 可以永久运行在服务器上,且不会一报错 express 服务就挂了,而且运行中还可以进行其他操作。...安装: npm install -g pm2 切换当前工作目录到 express 应用文件夹下,执行 pm2 命令启动 express 服务: pm2 start ..../bin/www // 关闭 pm2 list //查看所用已启动项目: 3.7 页面加载优化 再看刚刚的 nginx 的一些配置: server { gzip on;.../blog 本博客系统的系列文章: 1. react + node + express + ant + mongodb 的简洁兼时尚的博客网站 2. react + Ant Design + 支持 markdown

1.5K22

Week14-服务端选型:磨刀不如砍柴功

+ nginx 第二章 选择nodejs框架 2-1 nodejs框架选型-开始 所用常见的nodejs框架中,Koa2是最简单、最小的 目的扩充广度,让你了解有这门技术 Koa2和Express...在Docker虚拟机里,默认没有时区,需要在Dockerfile里面进行配置 # Dockerfile FROM node:14 WORKDIR /app COPY ....6-1 pm2nginx-章开始 线上服务:稳定和高效 6-2 pm2配置和使用 根据我之前的学习理解:pm2其实就是一个后台服务常驻的一个工具,我们平时在npm run dev后如果按Ctrl...req.cookie()去访问所有cookie morgan:记录access log app.use(express.json()):post请求传入的数据直接在route中使用req.body获取...app.use(express.urlencoded({ extended: false }));:请求参数为application/x-www-form-urlencoded 处理get和post请求

1.9K30

基于 CentOS 搭建微信小程序服务

示例代码:/data/release/weapp/app.js // 引用 express 来支持 HTTP Server 的实现 const express = require('express');...// 创建一个 express 实例 const app = express(); // 实现唯一的一个中间件,对于所有请求,都输出 "Response from express" app.use...--save 启动服务 安装完成后,使用 PM2 来启动 HTTP 服务 cd /data/release/weapp pm2 start app.js 现在,您的 HTTP 服务已经在 http:/.../:8765 运行 要查看服务输出的日志,可以使用下面的命令: pm2 logs 如果要重启服务,可以使用下面的命令: pm2 restart app 我们使用 PM2 来进行.../config'); // 创建一个 express 实例 const app = express(); // 添加会话中间件,登录地址是 /login app.use(waferSession(

8.4K152

基于 Express 应用框架的技术方案选型浅谈

React 技术方案选型 2016年7月到10月,从零开始学习 React 并使用 React 设计了服务端渲染的 Express 应用(同年10月25日诞生了 Next.js ),大致的技术选型如下:...,入口文件是 app.js。...此时前后端分离,可以同时启动服务端 Express 服务和启动开发态 React 调试页面服务(webpack-dev-server),并使用开发态页面向 Express 服务发送请求获取接口数据(当时使用...react-server-render 当页面发送路由请求时,Express 服务端使用 react-router 匹配相应路由对应的 React 组件实例并调用 renderToString 方法进行服务端页面渲染...": "pm2 start ecosystem.config.js", "pm2:stop": "pm2 stop ecosystem.config.js", "dev:client": "cross-env

6.9K30
领券