vue项目部署到服务器

mac、ubuntu

 

1、连接服务器

ssh -p 端口号 root@ip地址 

输入服务器连接密码

 

2、安装node

https://nodejs.org/zh-cn/download/

uname -a 查看linux版本，选择对应的node版本

cd /usr/local

下载 

wget https://nodejs.org/dist/v10.14.0/node-v10.14.0-linux-x64.tar.xz

 解压

tar -xvf node-v10.14.0-linux-x64.tar.xz

重命名

mv node-v10.14.0-linux-x64 nodejs

建立软连接

ln -s /usr/local/nodejs/bin/node /usr/local/bin

ln -s /usr/local/nodejs/bin/npm /usr/local/bin

查看node版本

node -v

npm -v

 

3、git下载代码

3.1 上传代码到github

可参考文章：https://www.jianshu.com/p/5a887e99af55

新打开一个命令窗口

comman t

cd 需要上传到文件目录

git init

git add .

git commit -m "init"

git remote add origin https://github.com/xxx/xxx

git pull origin master

git push -u origin master

3.2 服务器拉取代码

切换到连接服务器的窗口

cd ~

git clone https://github.com/xxx/xxx

 

4、安装依赖

cd code

npm i     （如果未成功可以尝试  cnpm i）

 

5、编译

npm run build

 

6、启动服务器

nohup node prod.server.js &

输入ip:port即可打开网页

 

7、nginx配置多项目部署方案

7.1  安装nginx

参考文章：https://www.cnblogs.com/horizonli/p/5359861.html

7.2  配置nginx

cd /usr/local/nginx/conf

vim nginx.conf

server里面更改:

       server_name  改为自己的域名  

       location / {

           rewrite ^/ https://***/***;

        }

        location /sell/ {

           proxy_set_header X-Real-IP $remote_addr;

           proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

           proxy_set_header Host $http_host;

           proxy_set_header X-Nginx-Proxy true;

           proxy_pass http://127.0.0.1:****/;

        }

nginx修改后需要更新配置

nginx -s relaod

7.3 项目文件作相应对应路径修改

1）静态文件css等的相对路径，需要修改vue.config.js

添加 baseUrl: ' '

8、启动

启动本地服务127.0.0.1:****  node prod.server.js

启动线上服务  nohup node prod.server.js &