从零搭建Vue项目上传至Linux服务器（Nginx版）

安装node，配置node环境，查看版本（可搜索node安装教程，此处不赘述）。

node -v   
npm -v

配置全局环境

npm install --global vue-cli

进入要放项目的文件夹
vscode file --》openfolder

执行

vue init webpack 项目名

执行

npm install

修改项目端口（根据自己情况修改非必须）

运行

npm run dev

出现下面错误为未进入项目目录，cd进入项目目录再执行命令。

进入此页面本地Vue项目搭建成功

执行

npm run build

生成dist文件夹

安装Nginx（版本1.20.0）
2.1.1
安装命令

yum install -y gcc-c++pcre pcre-develzlib zlib-developenssl openssl-devel

cd /usr/local/src
wget https://nginx.org/download/nginx-1.20.0.tar.gz
tar zxvf nginx-1.20.0.tar.gz
cd nginx-1.20.0
 ./configure --prefix=/usr/local/nginx --with-http_ssl_module
make && make install

cd /usr/local/nginx/sbin
./nginx

2.1.2
创建配置文件目录

mkdir -p /etc/nginx/conf.d
mkdir /var/log/nginx/
cp -rf  /usr/local/nginx/conf/* /etc/nginx/

此Nginx nginx.conf地址为

/etc/nginx/nginx.conf

Nginx地址为

/usr/local/nginx/sbin

nginx配置修改
打开nginx.conf修改
listen Vue项目端口号
server_name 服务器地址
root dist文件所在服务器位置（带上dist）

将dist文件上传至nginx.conf配置的目标路径下
访问 服务器地址：端口号 即可