[第一部分] 前端发布(vue项目),假设项目名为demo_vue

Step1:编译打包前端项目

cd到demo_vue目录下,

执行cnpm run build:prod命令,生成disc文件夹

Step2:在服务端新建前端项目文件夹

登录ubuntu,

cd进/home/ubuntu/love目录下

执行mkdir demo_vue新建存放前端编译文件的文件夹

Step3:将编译文件上传到服务端

cd到disc目录下,执行如下命令

scp -r ./* root@love.aizhuhotel.com:/home/ubuntu/love/demo_vue

Step4:配置nginx

cd进/usr/local/nginx/conf目录下,

vim nginx.conf打开nginx配置文件,

配置服务端访问地址

upstream demovue {

server localhost:7788;

}

配置前端访问地址

location /demovue/ {

proxy_pass http://demo/;

}

配置监听端口/项目文件位置/默认启动文件

sever {

listen  端口号;

Location / {

root /home/ubuntu/love/demo_vue/;

index indec.html index.htm;

}

}

Step5:检查配置是否成功并重启nginx

cd进/usr/local/nginx/sbin目录下,

sudo nginx -t 检查配置,

sudo nginx -s reload 重启

[第二部分] 后端发布(.net core项目),假设项目名为demo_api

Step1:编译打包后端项目

cd到项目API目录下,

执行dotnet publish -c disc命令,生成disc文件夹

Step2:在服务端新建前端项目文件夹

登录ubuntu,

cd进/home/ubuntu/love目录下

执行mkdir demo_api新建存放后端编译文件的文件夹

Step3:将编译文件上传到服务端

cd到disc文件夹下publish目录下,执行如下命令

scp -r ./* root@love.aizhuhotel.com:/home/ubuntu/love/demo_api

Step4:配置nginx

cd进/usr/local/nginx/conf目录下,

vim nginx.conf打开nginx配置文件,

配置服务端访问地址

upstream demoapi {

server localhost:8441;

}

配置前端访问地址

location /demoapi/ {

proxy_pass http://demoapi/;

}

Step5:检查配置是否成功并重启nginx

cd进/usr/local/nginx/sbin目录下,

sudo nginx -t 检查配置,

sudo nginx -s reload 重启

Step6:配置supervisor

cd到/etc/supervisor/conf.d目录下,

新建一个后端项目对应的supervisor配置文件touch demoapi.conf

修改配置

{

[program:demoapi程序名称]........................

command=dotnet xxxx.dll启动命令

directory=/home/ubuntu/love/demoapi启动目录

stdout_logfile = /var/log/demoapi.log 日志目录

}

sudo supervisorctl status查看状态

sudo supervisorctl start 启动配置

sudo supervisorctl reload 重新加载

cd进/etc/supervisor目录

supervisorctl restart demoapi重启项目

附(supervisor下项目配置文件)

[program:dldocapi] ; 程序名称,在 supervisorctl 中通过这个值来对程序进行一系列的操作

autorestart=True      ; 程序异常退出后自动重启

autostart=True        ; 在 supervisord 启动的时候也自动启动

redirect_stderr=True  ; 把 stderr 重定向到 stdout,默认 false

environment=PATH="/usr/bin"  ; 可以通过 environment 来添加需要的环境变量,一种常见的用法是使用指定的 virtualenv 环境

command=dotnet DlDoc.API.dll  ; 启动命令,与手动在命令行启动的命令是一样的

user=ubuntu           ; 用哪个用户启动

directory=/home/ubuntu/love/DlDoc_API/  ; 程序的启动目录

stdout_logfile_maxbytes = 20MB  ; stdout 日志文件大小,默认 50MB

stdout_logfile_backups = 20     ; stdout 日志文件备份数

; stdout 日志文件,需要注意当指定目录不存在时无法正常启动,所以需要手动创建目录(supervisord 会自动创建日志文件)

stdout_logfile = /var/log/dldocapi.log

nginx+supervisor 前后端分离项目的发布流程的更多相关文章

  1. 使用 Nginx 部署前后端分离项目,解决跨域问题

    前后端分离这个问题其实松哥和大家聊过很多了,上周松哥把自己的两个开源项目部署在服务器上以帮助大家可以快速在线预览(喜大普奔,两个开源的 Spring Boot + Vue 前后端分离项目可以在线体验了 ...

  2. vue+uwsgi+nginx部署前后端分离项目

    前后端分离,vue前端提供静态页面,且可以向后台发起get,post等restful请求. django后台提供数据支撑,返回json数据,返回给vue,进行数据页面渲染 后端 创建虚拟环境 解决dj ...

  3. linux --- 部署前后端分离项目

    vue + uwsgi +nginx 部署前后端分离项目 准备项目 1.将前端vue项目包和后端django项目包上传服务器,通过lrzsz,直接从windows拖进linux中 2.解压缩操作 前端 ...

  4. List多个字段标识过滤 IIS发布.net core mvc web站点 ASP.NET Core 实战:构建带有版本控制的 API 接口 ASP.NET Core 实战:使用 ASP.NET Core Web API 和 Vue.js 搭建前后端分离项目 Using AutoFac

    List多个字段标识过滤 class Program{  public static void Main(string[] args) { List<T> list = new List& ...

  5. nginx+vue+uwsgi+django的前后端分离项目部署

    Vue+Django前后端分离项目部署,nginx默认端口80,数据提交监听端口9000,反向代理(uwsgi配置)端口9999 1.下载项目文件(统一在/opt/luffyproject目录) (1 ...

  6. Docker环境下的前后端分离项目部署与运维

    本教程将从零开始部署一个前后端分离的开源项目,利用docker虚拟机的容器技术,采用分布式集群部署,将项目转换成为高性能.高负载.高可用的部署方案.包括了MySQL集群.Redis集群.负载均衡.双机 ...

  7. Yii框架和Vue的完美结合完成前后端分离项目

    背景说明 本文假设你对Yii和Vue都比较熟悉,至少都在项目里用过,另外笔者新人,以后不定时放一些干货,欢迎程序媛关注 Yii是一个PHP全端框架,典型的mvc的项目结构,后端接口都是一个控制器里放了 ...

  8. 喜大普奔,两个开源的 Spring Boot + Vue 前后端分离项目可以在线体验了

    折腾了一周的域名备案昨天终于搞定了. 松哥第一时间想到赶紧把微人事和 V 部落部署上去,我知道很多小伙伴已经等不及了. 1. 也曾经上过线 其实这两个项目当时刚做好的时候,我就把它们部署到服务器上了, ...

  9. 超简单!asp.net core前后端分离项目使用gitlab-ci持续集成到IIS

    现在好多使用gitlab-ci的持续集成的教程,大部分都是发布到linux系统上的,但是目前还是有很大一部分企业使用的都是windows系统使用IIS在部署.NET应用程序.这里写一下如何使用gitl ...

随机推荐

  1. 【转】40个Java多线程问题总结

    文章转自 五月的仓颉 http://www.cnblogs.com/xrq730/p/5060921.html 前言 Java多线程分类中写了21篇多线程的文章,21篇文章的内容很多,个人认为,学习, ...

  2. The linux command 之权限

    一.修改权限 只有文件主或者超级用户才可以修改文件或者目录的权限. 符号表示法分为三种: Who the change will affect Which operation will be perf ...

  3. canvas基础用法

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  4. Excel-根据分隔符将一个单元格的内容分发到多个单元格

    A1 1:2:3:4:5:6:7::::10 现在想将A1根据";"进行分离,再讲分离出来的一个值填到一个单元格中 =TRIM(MID(SUBSTITUTE($A$12," ...

  5. 启动web项目,监听器、过滤器、拦截器启动顺序

    启动顺序:监听器 > 过滤器 > 拦截器 记忆技巧:接到命令,监听电报,过滤敌情,拦截行动.

  6. LUOGU P2564 [SCOI2009]生日礼物 (队列+模拟)

    传送门 解题思路 还是比较好想的,用一个队列,然后把所有点放在一起排个序,依次入队.每次检查队头元素的种类是否为当前入队元素种类,是的话就一直\(pop\),每次更新答案即可. 代码 #include ...

  7. php数据结构课程---7、队列实战

    php数据结构课程---7.队列实战 一.总结 一句话总结: 注意条件:注意循环的条件(比如while循环打印队列元素时),注意if的条件 把问题想清楚:比如链表操作初次插入元素和后面再插,效果是不一 ...

  8. DIV常用属性大全自己整理

    一.属性列表 代码如下: color : #999999 文字颜色 font-family : 宋体 文字字型 font-size : 10pt 文字大小 font-style:itelic 文字斜体 ...

  9. C++函数或者命名空间前面加::

    命名空间和函数前面加上:: 经常看到命名空间前就只有:: 比如  ::test;这种代表是全局的test 比如  ::CreateDirectory(..),代表使用系统API也就是全局的 避免使用到 ...

  10. BOM相关知识点

    1.BOM概念:Browser Object Model 浏览器对象模型作用:提供了使用JS操作浏览器的接口 2.BOM包含了许多对象信息,包括如下这些:(1)screen 屏幕信息(2)locati ...