阿里云安装ngnix和部署vue

阿里云服务器的购买，请移步至另一个博客

记录购买阿里云服务器并成功部署SpringBoot项目的全过程https://blog.csdn.net/applewld/article/details/89880741

阿里云安装nginx

安装依赖

yum -y install pcre*

yum -y install openssl*

下载nginx

如果没有安装wget，先安装wget：yum install wget

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

解压nginx-1.12.2.tar.gz

tar -xvf nginx-1.12.2.tar.gz

编译安装

cd nginx-1.12.2

./configure

编译成功后执行下面

make -j4 && make install

进入/usr/local/nginx/sbin目录

执行 ./nginx -t

呈现以下表示安装成功

# nginx: the configuration file /usr/local/nginx/conf/nginx.conf syntax is ok

# nginx: configuration file /usr/local/nginx/conf/nginx.conf test is successful

启动nginx

进入/usr/local/nginx/sbin 执行  ./nginx

部署VUE打包后的项目

上传vue项目

vue项目通过命令 npm run build 编译

生成的dist文件夹 即我们要的vue打包后的项目

打开这个dist文件夹把里面的内容复制下来里面会有两个文件一个是index.html是主目录还有一个是static文件夹

新建文件夹dist，放入index.html与static

用zip压缩新建的文件夹dist，如果不压缩，文件太大，会无法上传

使用工具SecureCrt上传

连接上阿里云后，按住alt+p 进入sftp

输入 put D:\dist.zip 上传

D:\dist.zip为本地电脑上之前压缩后的文件地址

cd ~

找到上传的dist.zip

将dist.zip 解压到/usr/local/nginx/html

unzip dist.zip /usr/local/nginx/html

配置ngnix

进入/usr/local/nginx/conf

打开nginx.conf：

vim nginx.conf

listen 是监听的端口号，