使用阿里云服务器部署前端项目

安装npm

1. 下载源码安装包
   

cd ~

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

2. 解压并放入指定目录
   

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

mv node-v12.2.0-linux-x64 /usr/local/node

3. 建立软连接
   

cd /usr/bin

ln -s /usr/local/node/bin/node node

ln -s /usr/local/node/bin/npm npm

4. 切换淘宝镜像
   

npm config set registry https://registry.npm.taobao.org

验证 npm config get registry

通过cnpm使用

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

cd /usr/bin

ln -s /usr/local/node/bin/cnpm cnpm

安装Nginx

下载相关组件

wget http://nginx.org/download/nginx-1.10.2.tar.gz

wget http://www.openssl.org/source/openssl-fips-2.0.10.tar.gz

wget http://zlib.net/zlib-1.2.12.tar.gz

wget ftp://ftp.csx.cam.ac.uk/pub/software/programming/pcre/pcre-8.40.tar.gz

安装 c++ 编译环境：apt-get install gcc-c++

安装openssl：

tar zxvf openssl-fips-2.0.10.tar.gz

cd openssl-fips-2.0.10

./config && make && make install

pcre安装

tar jxvf pcre-8.45.tar.bz2

cd pcre-8.45

./configure && make && make install

zlib安装

tar zxvf zlib-1.2.12.tar.gz

cd zlib-1.2.12

./configure && make && make install

nginx安装

tar zxvf nginx-1.10.2.tar.gz

cd nginx-1.10.2

./configure && make && make install

启动nginx:

输入 whereis nginx，显示 nginx: /usr/local/nginx

进入目录并启动

cd /usr/local/nginx

/usr/local/nginx/sbin/nginx

软连接 ln -s /usr/local/nginx/sbin/nginx nginx

进入Linux系统的图形界面，打开浏览器输入localhost会看到Welcome to nginx，说明 nginx 启动成功

附：nginx基本操作：

启动

/usr/local/nginx/sbin/nginx

停止/重启

/usr/local/nginx/sbin/nginx -s stop(quit、reload)

命令帮助

/usr/local/nginx/sbin/nginx -h

验证配置文件

/usr/local/nginx/sbin/nginx -t

配置文件

vim /usr/local/nginx/conf/nginx.conf

项目上线

新建 vue.config.js 文件，作为打包时 webpack 使用的一个配置项

module.exports = defineConfig({

 publicPath: '将要放入服务器的路径'

})

npm run build  打包生成线上能执行的代码，执行后会生成 dist 目录，存放打包的文件。dist目录里就是需要打包上线的代码。

/usr/local/nginx/conf/nginx.conf 修改配置