Linux+Nginx部署Vue项目

1.配置nodejs环境

下载nodejs

wget https://nodejs.org/dist/v12.18.1/node-v12.18.1-linux-x64.tar.xz

解压nodejs

tar xf node-v12.18.1-linux-x64.tar.xz

修改/etc/profile文件，再最下面加上

export PATH=$PATH:/root/node-v12.18.1-linux-x64/bin

使/etc/profile文件立即生效

source /etc/profile

看看是否安装成功

node -v

出现下图表明安装成功

2.导入项目

我导入项目是将项目打包成tar，然后再服务器上进行解压

压缩软件: 压缩软件下载路径 ；

解压命令：

tar -xvf ***.tar

3.启动项目

进入项目根目录下
删除node_modules文件夹
执行以下命令

npm cache clear --force
npm install -g npm
npm install
npm rebuild node-sass --force
cnpm install node-sass@4.14.1
npm run dev

出现下图就表明启动成功了

4.打包(提升访问速度)

进入项目根目录，执行

npm install --save-dev compression-webpack-plugin@1.1.12
npm run build

在项目根目录会生成一个dist文件夹

5.配置nginx

配置nginx，指向dist文件夹就可以了，我使用了https

server {
    #SSL 访问端口号为 443
    listen 443 ssl; 
    listen 80;
	#填写绑定证书的域名
    server_name 你的域名;
    ssl_certificate     你的证书路径;
    ssl_certificate_key  你的证书秘钥路径;
    ssl_session_timeout 5m;
	#请按照以下协议配置
    ssl_protocols TLSv1 TLSv1.1 TLSv1.2; 
	#请按照以下套件配置，配置加密套件，写法遵循 openssl 标准。
    ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE; 
    ssl_prefer_server_ciphers on;
    location / {
      alias 你的项目路径/dist/;
      autoindex on;
  }
}