Vue + .NET Core前后台分离项目 服务器部署

背景:内网ip上部署的一个ubuntu服务器(前台静态资源放nginx)

数据库:sqlserver 2008 R2 sp1(踩坑 至少为sp4)

前台:VUE element

后台; .NET Core ABP (REST)

注意事项:1.乌班图上Core程序运行的sqlserver数据库至少为 SQL server 2008 R2 sp4.2008 sp1升级2012 需要先升级的sp2,

具体教程看:https://www.cnblogs.com/bzr1314/p/7717330.html【博客园 longlong18】

2.Core 程序部署服务器时默认监听5000、5001,和serverroot不符合时访问不到swagger,可以在program.cs文件配置UseUrls。想要别的ip访问的时候,可以开放这个端口 使用命令 (比如开放80端口)

iptables -I INPUT -p tcp --dport 80 -j ACCEPT
iptables-save

Vue + .NET Core前后台分离项目 服务器部署_第1张图片

3.具体部署Core程序【下载sdk等等。。参考链接】https://www.jb51.net/article/113254.htm [配置反向代理]

4.vue build 打包时需要更改config index.js的publicPath 将 / 改为 ./ 。proxy的地址更改为配置的步骤2配置的ip。(之后 npm run build:prod  [用的admin启动模板,package。json没有配置 那npm run build 具体看配置])

Vue + .NET Core前后台分离项目 服务器部署_第2张图片

5.打包的文件在dist文件夹里,乌班图下载的nginx 静态资源默认放在 /var/www/html 把dist里面的所有文件放在html文件夹里【可能会出现传输失败,因为文件夹没有写的权限 chomd 在/var/www更改权限 chomd 777 ./html】

6.nginx默认80端口,如果没有开放80端口,根据步骤2开放80端口。如果80端口被占用,lsof -i:80 查看哪个进程占用,kill + 进程号。或者 默认 /etc/nginx/sites-available/default 修改监听端口【需要开放此端口】

7.访问项目 http://xx.xx.xx.xx:80/index.html

你可能感兴趣的:(项目部署)