Vue项目服务器部署

附、补充知识点—网站运行的流程机制

先了解：地址=协议+域名+端口+路径
问题：输入地址后会发生什么？

1. 读取缓存，有缓存就直接获取，不需要与服务器进行连接
2. 没有缓存的情况下，根据域名（哪台服务器）解析背后的ip（ip对应一台服务器）
3. 前端跟web服务建立连接（服务器上一定要安装web服务器）
4. 成功后向服务器发送web请求
5. 三次握手
6. 服务器返回内容
7. 前端拿到请求内容后网页渲染

一、服务器部署前置工作

1. 购买域名
2. 备案域名
3. 购买服务器
4. 做域名的解析

二、 Nginx安装和配置

1. 安装
   
   2. 启动nginx
   直接输入nginx启动nginx
   
   附：常见命令

• 查看nginx的命令
  
• 语法检查 检查配置有没问题
  
• 重新加载配置
  
• 停止服务
  
  附：需要记住的文件名
  

三、 Node环境搭建

1. 下载

• 用wget方式下载Node.js包
• 解压包
  

2. 环境配置
   
3. 查看是否配置成功
   

四、 部署

在vcode终端执行以下代码进行打包

npm run bulid