从0-1部署vue工程

180 阅读1分钟
主要自己经常忘记部署命令,每次都要重复去找命令~很难受。所以写个博客,老手勿看,羞涩至级

1.下载Nginx

由于我们vue工程打包的是静态资源,所以我们需要一个Nginx做一个代理转发(当然你直接在服务器run当我没说~~)。
nginx下载地址:http://nginx.org/en/download.html 我们主要下载Stable版本。假设我们现在下载的是1.22.0版本

2.安装Nginx以及对应的依赖

上传Nginx到服务器,进行解压。
安装Nginx需要的依赖
yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-deve
解压Nginx包
tar -xvf nginx-1.22.0.tar
进入解压后的nginx目录
cd nginx-1.22.0
开始安装
执行命令./configure(默认在/usr/local/,如果需要安装到对应目录执行命令.configure --prefix = /test/su),我们假设现在自定义目录
执行命令 make
执行命令 make install
在/test/su/sbin下,执行./nginx。
现在就可以在使用服务器ip+80(默认端口)访问Nginx

3.部署web工程

打包你的web工程,生成一个dist文件,注意设置publicPath.假设为testSu
打开nginx配置文件.vim /test/su/conf/nginx.conf
插入路由
location /testSu{
   alias /testSu/;
}
保存退出
执行/test/su/sbin/nginx -s reload(重启nginx)
然后你就可以通过ip+testSu访问你的web工程拉