Vue:基于xampp集成的Apache服务器进行线上部署

因为我暂时没有购买云服务器，所以本博客是基于本地模拟线上部署；模拟项目是Vue+Express+mongoDB搭建而成的项目;

• 后台代码部署
• 前端代码部署

一、后台代码部署

• 首先，express是基于nodeJs的运行环境，所以服务器需要安装nodeJs；
• 通过cmd打开express后台项目；
• node bin/www启动后台代码；
• 后台代码部署完成。

注意：express代码部署需要关注端口号是否被占用？

二、前端代码部署

• 修改前端vue项目代码的打包配置，设置静态资源的公共路径；
  
• npm run build打包前端文件；
• 将打包生成的dist文件夹移至/xampp/htdocs/文件夹下；
• 本地模拟配置域名，打开本地hosts文件；C:\Windows\System32\drivers\etc\hosts