vue项目部署到服务器
mac、ubuntu 1、连接服务器ssh -p 端口号 root@ip地址 输入服务器连接密码 2、安装nodehttps://nodejs.org/zh-cn/download/uname -a 查看linux版本,选择对应的node版本cd /usr/local下载 wget https://nodejs.org/dist/v10.14.0/nod...
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 &
更多推荐
所有评论(0)