部署前后端分离项目

我在第一次部署前后端分离项目的时候出现一些问题,在这里总结一下:

部署的项目后端使用asp.net core 3.1 ,前端使用Vue2

将打包好的前端和后端项目拉取到服务器,这里使用的是Linux服务器,我项目存放路径 /var/www/com-project 随后进入后端文件的目录运行后端代码:我这里使用的是PM2运行后端代码
测试程序是否正常运行 dotnet run   
如果正常运行就可以直接运行了pm2 start "dotnet <<项目名称.dll>>" #运行和项目名称相同的dll文件
如果配置里静态文件处理要确认是否有静态文件处理定义的相关路径,否则项目无法运行

接下来就是配置nginx文件了
这里是/etc/nginx/con.f 下前端的配置文件

server{
listen 80;
server_name cms.lx15149.com;
return 301 https://cms.lx15149.com$request_uri;#当访问到http时转到https
}

server{
listen 443;#监听的端口
server_name cms.lx15149.com;
ssl on;
ssl_certificate /etc/nginx/ssl_common/fullchain.cer;
ssl_certificate_key /etc/nginx/ssl_common/*.lx15149.com.key;
                                           location / {
                                           root /var/www/cms-project/dist;#这里是前端文件所在的文件夹
                                           index index.html;#默认的首页文件
                                           try_files $uri $uri/ /index.html;#这里是解决vue刷新后报错404
                                           }
}

这里是/etc/nginx/con.f 下后端的配置文件

upstream cmsbackend{#cmsbackend可以自己命名,但是cmsbackend应该是唯一的,接下来的cmsbackend也应该对应
        server localhost:5000;#这里是后端运行时显示的运行位置
}

server{
listen 80;
server_name cmsbackend.lx15149.com;#这里应该与前端和后端链接时的基础url
return 301 https://cmsbackend.lx15149.com$request_uri;#当访问到http时转到https

}

server{
listen 443;
server_name cmsbackend.lx15149.com;
ssl on;
ssl_certificate /etc/nginx/ssl_common/fullchain.cer;
ssl_certificate_key /etc/nginx/ssl_common/*.lx15149.com.key;#后端代码一定要https证书,否则会因为安全问题被拒绝访问
                                           location /{
                                           proxy_pass http://cmsbackend;
                                           }
}

如何生成https证书请自行查阅其它文章

posted @ 2021-08-12 10:53  jiang_xin_yu  阅读(151)  评论(0编辑  收藏  举报