vue项目布署日记

服务器环境搭建

本次操作以centos为例

  1. 安装公共包
yum -y install pcre*
yum -y install openssl*
yum install wget
  1. 下载nginx包
wget http://nginx.org/download/nginx-1.17.9.tar.gz
  1. 解压并安装nginx
tar -zxvf nginx-1.17.9.tar.gz
cd nginx-1.17.9.tar.gz
./configure
make && make install
  1. 回到外面编译好的nginx文件，进入nginx/sbin/文件下
// 启动
./nginx
// 校验
./nginx -t

出现这个表示nginx安装成功


image.png

  1. 配置安全组
    打开阿里云控制台，打开安全组设置，添加80，443端口访问


    image.png

    image.png
  2. 至此输入公网地址能访问到nginx首页就证明配置成功了
编译布署

  1. 打开vue项目,右键package.json，选择show npm script，点击出现窗口里的build


    image.png
  2. 把打包出来的dist文件夹的内容通过FTP上传到/usr/local/nginx/html这个文件夹下，再访问就可以访问到你的项目内容了
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容