项目上线，就是将项目部署到线上服务器。

一、服务器购买

PS:

  1. 注意选择 CentOS 7.x 版本。
  2. 购买阿里云服务器的话，需要注意开放某些使用了的端口。

二、nginx安装

1. 按照 nginx 官网的步骤安装即可。

链接

2. 校验是否安装成功，运行下面命令，能正确输出nginx版本号就OK。

  1. nginx -v

3. 启动 nginx

  1. nginx

4. 在浏览器中输入服务器的公网IP地址，能正确输出 nginx welcome 页面即可。

image.png

5. nginx 的默认 web 根目录在如下位置

  1. /usr/share/nginx/html

三、上传项目(vue)到服务器中并查看

  1. npm run build 生成 dist 文件夹。
  2. 将 dist 文件夹的内容 上传到 服务器 nginx web服务根目录下。 借助ftp工具。