nuxt 部署服务器

Linux线上配置nuxt

域名解析
安全组配置

安装node 环境

# 下载node版本 https://nodejs.org/dist/
$ sudo wget https://nodejs.org/dist/v10.14.2/node-v10.14.2-linux-x64.tar.xz 

# 解压node 
$ sudo tar -xvJf node-v10.14.2-linux-x64.tar.xz

# 从命名node 
$ sudo mv node-v10.14.2-linux-x64 /usr/local/nodejs 

# 配置环境变量
$ sudo vim /etc/profile# 
$ 添加环境变量 export PATH=${PATH}:/usr/local/nodejs/bin
$ Esc :wq  保存退出 

#刷新权限source /etc/profile

#查看版本 node -v

安装淘宝镜像

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

安装nginx

$ nginx 下载地址 http://nginx.org/download/
$ wget http://nginx.org/download/nginx-1.19.0.tar.gz

## 解压
$ tar -zxvf nginx-1.9.9.tar.gz

## 编译安装
$ ./configure --prefix=/usr/local/nginx
$ configure细节 https://blog.csdn.net/zhangman0702/article/details/93628954
$ make
$ make install
$ nginx常见命令(在安装目录/sbin使用)
$ nginx -s stop     #nginx 停止
$ nginx -t          #nginx 检测
$ nginx -s stop     
$ nginx -s reload   #nginx系统文件重载
$ /usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf  #nginx 启动

## nginx 配置项(这里分享我的测试版本)
server {
    listen                        443 ssl;     
    server_name                   www.xxx.com; # 域名 域名必须是管连           
    ssl_certificate               ssl/2580409.pem;  #配置ssl证书(注意ssl证书有版本区分,需从ssl证书网站下版本ssl证书)           
    ssl_certificate_key           ssl/2580409.key;            
    ssl_session_timeout           5m;        # 客户端可以重用会话参数的时间
    ssl_protocols                 TLSv1 TLSv1.1 TLSv1.2;    # 使用的协议        
    ssl_ciphers                   ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;    # 配置加密套件    
    ssl_prefer_server_ciphers     on;
    location ~ /api/ {            #代理服务器配置
        proxy_pass https://xxx.com;
    }
    location / {                  #监听本地端口(nuxt项目启动默认端口)
        proxy_pass http:/127.0.0.1:3000;
    }
}
server {
    listen       80;
    server_name  www.xxx.com;
}

pm2安装 (node 守护进程)


# 通过npm安装
$ npm install pm2 -g

# 创建软连接
$ ln -s /root/node/bin/pm2 /usr/local/bin/

# 查看版本号
$ pm2 -v 

# 常用命令
$ pm2 start npm --name "项目名(package.json里面的name)" -- run start
$ pm2 list #查看进程
$ pm2 start npm --name "(package.json里面的name)" -- run start
$ pm2 delete x #结束删除pm2进程 x(是进程名)

linux安装git

$ yum -y install git  #安装 
$ git config --global user.name "git的用户名"  #配置git名字
$ git config --global user.email "git的邮箱"   #配置email
$ ssh-keygen -t rsa -C "git的邮箱"             #生成ssh证书
$ 登录git 配置公钥 
$ 通过ssh clone 码云程序代码
$ git add .
$ git commit -m "描述"
$ git push

linux 系统进入项目目录

$ npm run build
$ pm2 start npm --name "项目名(package.json里面的name)" -- run start
$ 这样就启动项目了!

爱你呦! 加油

你可能感兴趣的:(前端,vue.js,nuxt.js)