今天部署前后端
部署了一天,真的要命
部署痛点
首先,这个是内网部署
而且我还是内网远程连接远程Windows服务器进行部署,卡得很,操作起来超级难受
再者,那个上面什么软件都没有,就一个ie浏览器,还好是内网,我通过小皮开启80网页端口,然后把相关部署文件丢在上面,通过浏览器去访问下载
踩坑点
.net后端
公司经理直接把他写的项目丢给我,然后让我打包上去
他给的.net后端,我从来没有打包过,搞了半天,打包的那个文件夹都找错了
image.png
vue2前端
他给的vue2的前端,我搞了半天,发现405或404,发请求发不出去了。
原来他前端还有反向代理,后来问他,他看我头大,就直接远程过来给我讲解
我之前部署过若依的反向代理,但是很久没有部署过了,忘得差不多了
也多亏了他,我才明白了vue2的反向代理是什么,原来是vue.config.js 是vue提供的一个开发服务器。在他上面配置了反向代理。
后面打包成了静态文件,有nginx代理的时候,需要在nginx上配置反向代理
然后,我又熟悉了一遍nginx
多亏了这个文章:https://blog.csdn.net/weixin_44251179/article/details/129700793
# 定义worker进程的数量为1,通常这个值会根据服务器的CPU核心数来设置
worker_processes 1;
# 定义events模块,处理连接相关的配置
events {
# 设置每个worker进程的最大连接数为1024
worker_connections 1024;
}
# 定义http模块,包含与HTTP相关的配置
http {
# 引入mime类型定义文件
include mime.types;
# 默认的MIME类型设置为二进制流
default_type application/octet-stream;
# 开启高效文件传输模式
sendfile on;
# 长连接超时时间设置为65秒
keepalive_timeout 65;
# 定义一个server,用于处理请求
server {
# 监听80端口
listen 80;
# 设置服务器名为localhost
server_name localhost;
# 定义一个location块,处理所有以/开头的请求
location / {
# 设置请求的根目录为html/dist
root html/dist;
# 如果请求的文件或目录不存在,则依次尝试$uri, $uri/, /index.html
try_files $uri $uri/ /index.html;
# 设置默认访问的文件为index.html
index index.html;
}
# 定义另一个location块,处理所有以/prod-api/开头的请求
location /prod-api/ {
# 设置请求头中的Host字段为$http_host的值
proxy_set_header Host $http_host;
# 设置请求头中的X-Real-IP字段为客户端的真实IP地址
proxy_set_header X-Real-IP $remote_addr;
# 设置请求头中的REMOTE-HOST字段为客户端的真实IP地址
proxy_set_header REMOTE-HOST $remote_addr;
# 设置请求头中的X-Forwarded-For字段,包含客户端和代理的IP地址
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
# 将请求转发到本地的8090端口
proxy_pass http://localhost:8090/;
}
# 定义错误页面的处理
error_page 500 502 503 504 /50x.html;
# 定义一个location块,专门处理错误页面/50x.html的请求
location = /50x.html {
# 设置错误页面的根目录为html
root html;
}
}
# 结束http模块的配置
}
总结
这个内网部署太浪费时间了
首先卡顿太难受,而且出错了,又得重新传文件
还学会了用小皮,小皮自带数据库版本比较低,导入SQL报错了,我把新版本的在电脑上下载好,然后传给内网服务器,他就可以用新版本的数据库了
还要会看docker,当项目没有readme的时候,看docker是怎么部署的,仿照那个流程就行了~
网友评论