vue 项目部署

143 阅读1分钟

1 找到服务器中的nginx

cd /etc/nginx
vim nginx.conf (或者 sz nignx.conf下载文件 上传rz 或者拖拽上传)

2 在nginx.conf文件增加server

在 http{ } 中配置一个server

server {
    listen  8001;     #端口号
    server_name  172.17.0.14;     #服务器ip
    charset  utf-8

    location / {
        root   /home/dist/;     #dist文件的位置
        autoindex on;   #开启nginx目录浏览功能
        index index.html index.html;  #打开默认文件为index.html
        try_files $uri $uri/ /index.html;     #重定向,内部文件的指向(照写)
    }

    location /web-rmtexec {  #当请求跨域时配置端口转发 后端服务名
        proxy_pass http://172.17.1.8:8769;  #后端接口地址 转发地址
    } 

    #error_page  404 /404.html;
        location = /40x.html {
        }

    #error_page  500 502 503 504  /50x.html;
        location = /50x.html {
        }
}


3 重启nginx

service nginx status 查看nginx状态
service nginx restart 重启
或者
cd usr/local.nginx/sbin
ps -ef | grep nginx 查看nginx进程 (找到master的状态)
kill -QUIT 1823(进程编号)
nginx -s reload
nginx -t 坚持配置文件

4 补充内容

vim 查看文件
i 编辑
ESC :wq! 保存
ESC :q 强制退出
sudo su 切换root账户
chomd 777 修改权限
scp 复制
unzip 解压
rm -rf 删除
mv * ../ 移动

5 补充内容 -- 上传服务器A并复制到B

scp dist.zip juser@A服务器地址:/home/admin
ssh juser@B服务器地址
cd /home/admin
unzip dist.zip
rm -rf dist.zip
mv * ../