服务器环境搭建
本次操作以centos为例
- 安装公共包
yum -y install pcre*
yum -y install openssl*
yum install wget
- 下载nginx包
wget http://nginx.org/download/nginx-1.17.9.tar.gz
- 解压并安装nginx
tar -zxvf nginx-1.17.9.tar.gz
cd nginx-1.17.9.tar.gz
./configure
make && make install
- 回到外面编译好的nginx文件，进入nginx/sbin/文件下
// 启动
./nginx
// 校验
./nginx -t
出现这个表示nginx安装成功
image.png
-
配置安全组
打开阿里云控制台，打开安全组设置，添加80，443端口访问
image.png
image.png - 至此输入公网地址能访问到nginx首页就证明配置成功了
编译布署
-
打开vue项目,右键package.json，选择show npm script，点击出现窗口里的build
image.png - 把打包出来的dist文件夹的内容通过FTP上传到/usr/local/nginx/html这个文件夹下，再访问就可以访问到你的项目内容了
