SSR学习笔记(七) 开启gzip及服务器配置

本地开启gzip

安装vite-plugin-compression

npm i vite-plugin-compression -D

配置 vite.config.js

xxxxxx
import vitePluginCompression from 'vite-plugin-compression'
export default defineConfig({
  plugins: [vue(), vitePluginCompression()],
  xxxxxx
})

安装n 方便切换node版本

下载 Node.js Linux 64位二进制安装包

wget https://nodejs.org/dist/v16.11.0/node-v16.11.0-linux-x64.tar.xz

解压安装包

tar xvf node-v16.11.0-linux-x64.tar.xz

修改profile

vim /etc/profile

export NODE_HOME=/root/node-v16.11.0-linux-x64/bin 
export PATH=$NODE_HOME:$PATH

查看node npm版本

node -v
npm -v

如报错未找到命令重新打开

安装node版本管理工具 n

npm i -g n

再次修改profile

vim /etc/profile

export NODE_HOME=/usr/local/n/versions/node 
export N_HOME=/root/node-v16.11.0-linux-x64/lib/node_modules/n/bin
export PATH=$N_HOME:$NODE_HOME/bin:$PATH

安装指定版本node

n stable //稳定版
n 12.21.0 //指定版本

安装node

已安装n可以跳过此步

下载 Node.js Linux 64位二进制安装包

wget https://nodejs.org/dist/v16.11.0/node-v16.11.0-linux-x64.tar.xz

解压安装包

tar xvf node-v16.11.0-linux-x64.tar.xz

创建软链接

ln -s /root/node-v16.11.0-linux-x64/bin/node /usr/local/bin/node
ln -s /root/node-v16.11.0-linux-x64/bin/npm /usr/local/bin/npm

查看node npm版本

node -v
npm -v

可选 淘宝镜像

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

可选 淘宝镜像软链接

ln -s /root/node-v16.11.0-linux-x64/bin/cnpm /usr/local/bin/cnpm

安装nginx

安装 
yum -y install nginx 
启动 
service nginx start 
开机启动 
systemctl enable nginx.service 
查看状态 
systemctl list-dependencies

nginx代理转发

 server {
        // ...
        location /  {
            root        /xxx/xxx
            proxy_pass  http://127.0.0.1:3000;  
        }
 }

nginx开启gzip压缩

nginx.conf

    xxxxx
    
    gzip on;
    gzip_min_length 1k;
    gzip_buffers 4 16k;
    gzip_comp_level 8;
    gzip_types text/plain application/javascript text/css text/javascript;
    gzip_vary on;
    gzip_disable "MSIE [1-6]\.";
    
    server {
        xxxxx
    }

pm2

全局安装pm2

npm install -g pm2

如果报错
找到pm2目录： find / -name pm2
创建软链
ln -s /root/node-v16.11.0-linux-x64/lib/node_modules/pm2/bin/pm2 /usr/local/bin

启动服务

pm2 start index.js --name 'xxx'

启动npm run xxx

pm2 start npm --watch --name 'rty-ssr' -- run prod:ssr

查看当前进程

pm2 list

停止指定进程

pm2 stop 'name'

启动指定进程

pm2 start 'name'

删除指定进程

pm2 delete 'name'

安装git

yum install git