前端代码部署

曲永庆的小屋

于 2023-12-26 09:42:45 发布

阅读量365

点赞数 8

文章标签：前端

本文链接：https://blog.csdn.net/weixin_42089660/article/details/135214174

版权

前端代码部署

前提

编辑器有吧，项目有吧，能npm run build 打包吧

简介

1.其实没有你们想的那么复杂无非就是服务将前端代码后端代码放到特定文件夹位置，在将后端数据库（环境搭建好）然后重启。
2 .当然是这是最简单的啦，如果在考虑一下

并发（访问量过大怎么把压力分配给多个服务器）
后端接口代理，代码安全
无感知部署
多台服务器管理，
那就是运维的工作了跨工种

内容

服务器部署: 传送门
关于部署服务器可以用虚拟机或者云服务器，安装nginx ，修改nginx 的 nginx.conf配置文件，再通过工具堡垒机或者手动拷贝过去或者其他工具可视化拷贝过去
nginx配置文件以及常用命令

ls 查看当前文件的目录
cd 跳转目录
mkdir 创建文件夹
touch 创建文件
rm -r 删除文件夹或文件
pwd 查看当前目录
cp 复制文件到对应的位置
sudo vim /etc/nginx/conf.d/[].conf 打开对应的配置文件 vim为编辑状态 cat为只读状态 vim 如果提示没有需要自行安装 :wq 保存并退出 :q退出等
sudo nginx -s reload 重新载入nginx配置文件（sudo为mac的管理员运行）
nginx 启动
nginx -s quit 停止

补充

nginx 的项目放在 www文件内配置文件在 /etc/nginx/conf.d/[].conf
/etc/nginx/conf.d/[].conf 最后附上配置文件

server {
    listen 80;
    server_name localhost;

    error_page 404 /404.html;
    error_page 500 502 503 504 /50x.html;

    root /home/dev/www/;
    access_log /var/log/nginx/fe.log;
    error_log /var/log/nginx/fe_error.log;

    location = /50x.html {
        root /home/dev/www;
    }
    location ~ (favicon.ico) {
        root /home/dev/www;
    }
    #root  /home/dev/www/;

    location / {
        root /home/dev/www/dy_bokr_website-main;
        index index.html;
    }

    location /k {
        root /home/dev/www/;
        index index.html;
        try_files $uri $uri/ index.html;
    }


    location /ks/t {
        root /home/dev/www/;
        index index.html;
        try_files $uri $uri/ index.html;
    }

   


}