一、环境搭建前期准备
ssh 远程工具 xshell 或者 finalshell都阔以
服务器一台
二、服务器安装nginx
shell> mkdir -R /use/local/nginx
shell> cd /use/local/nginx
shell> wget http://nginx.org/download/nginx-1.13.7.tar.gz
shell> tar -xvf nginx-1.13.7.tar.gz
shell> cd nginx (下载的目录)
shell> ./configure
shell> make && make install
# 检测nginx是否ok
shell> /use/local/nginx/sbin/nginx -t
# 启动
shell> /usr/local/nginx/sbin/nginx -s reload
三、安装nodejs
这里采用二进制的方式安装(可以去官网查看一下最新的版本)
shell> wget https://nodejs.org/dist/v14.15.0/node-v14.15.0-linux-x64.tar.xz
shell> tar -xvf node-v14.15.0-linux-x64.tar.xz
shell> cd node-v14.15.0-linux-x64.tar.xz
#设置一下软连接 这里的目录是测试目录,你需要查看你安装的目录然后跟bin 目录下面的 npm、node 建立软连接
shell> ln -s /node/nodeJs/bin/npm /usr/local/bin/
shell> ln -s /node/nodeJs/bin/node /usr/local/bin/
四、 配置 nginx.conf 做一下本地文件映射
server { listen 80; server_name _; location / { root /data/var/nodejs/dist; index index.html index.htm; } }
五、打包本地vue 代码上传到服务器 映射目录 data/var/nodejs/dist 当中
npm run build
在项目根目录生成dist目录 上传到映射目录当中,over