linux 运行vue2项目 报错error digital envelope routines

一、安装VUE环境

1.进入node.JS官网，查看最新的nodeJS安装包；

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

wget指定进行下载，下载后文件默认存在根目录下的root包下面；

解压缩

xz -d node-v16.14.0-linux-x64.tar.xz
tar -xvf node-v16.14.0-linux-x64.tar

重命名文件夹

mv node-v16.14.0-linux-x64 nodeJS-V16.14.0

配置node.js环境变量

vim /etc/profile

进入编辑,在文件最下面加上如下字段

export NODEJS_HOME=/root/nodeJS-V16.14.0
export PATH=$NODEJS_HOME/bin:$PATH

个人比较喜欢用Xftp将profile文件传输到windows系统下进行配置后再覆盖回去

配置完成后使用source命令重新执行刚修改的初始化文件，使之立即生效，而不必注销并重新登录

source /etc/profile

检查环境变量是否配置成功

node -v

安装WebPackage

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

二、Nginx环境搭建配置

进入nginx官网查看最新的Nginx版本

wget https://nginx.org/download/nginx-1.21.6.tar.gz

解压缩

tar -zxvf nginx-1.21.6.tar.gz

进入nginx文件夹

cd /root/nginx-1.21.6

检查配置

./configure

安装gcc环境，有就不需要安装了

yum install gcc-c++

安装PCRE依赖库

yum install -y pcre pcre-devel

安装zlib 依赖库

yum install -y zlib zlib-devel

安装OpenSSL安全套接字层密码库

yum install -y openssl openssl-devel

再次执行配置检查命令

./configure

编译安装nginx

make install

查找默认安装路径

whereis nginx

配置nginx环境变量

vim /etc/profile

进入编辑,在文件最下面加上如下字段

export PATH=$PATH:/usr/local/nginx/sbin

个人比较喜欢用Xftp将profile文件传输到windows系统下进行配置后再覆盖回去

初始化配置

source /etc/profile

检查环境变量是否配置成功

nginx -v

启动nginx

nginx

查看nginx是否启动，远程访问服务器，跳出nginx欢迎界面就算配置成功了！

nginx常用命令

启动服务：nginx
退出服务：nginx -s quit
强制关闭服务：nginx -s stop
重载服务：nginx -s reload　　（重载服务配置文件，类似于重启，但服务不会中止）
验证配置文件：nginx -t
使用配置文件：nginx -c "配置文件路径"
使用帮助：nginx -h

三、发布VUE项目

打包VUE项目

npm run build

注意！！！打包前需要把vue.config里面的devServer注释点（webpPack提供的proxy代理只能支持生产环境）

打包完会生成一个dist文件夹

将dist文件夹内容覆盖到/usr/local/nginx/html目录下面

修改nginx配置

配置完成后替换/usr/local/nginx/conf目录下面的nginx.conf,然后重载一下nginx服务

nginx -s reload

重载完成，外网访问自己的服务器，就能打开访问自己的项目了

至此项目发布就算成功了！