部署vue +koa+nginx前后端分离项目到服务器

部署vue +koa+nginx前后端分离项目到服务器

因为遇到很多坑,百度了很多,记录一下,方便以后回看,也希望这篇文章能够帮到需要的人

先上正确部署，

1. 部署前先确保本地可以跑起来，在打包前对自己项目的修改=>把baseurl 修改成自己的ip地 址，原来可能类似这样

   // axios 配置接口默认路径
   axios.defaults.baseURL = 'http://127.0.0.1:8888/api/'
   

2. cd到自己的项目目录下 npm run build 就行打包，右侧就会出来打包后的文件夹dist，这些是自己的静态资源。前端到这里打包完成。在自己的服务器上新建个文件夹例如/www/demo，这个目录就是我们网站的根目录了。可以选择通过xshell 自带的xftp，也可以直接用宝塔面板把本地的dist文件夹上传到服务器。

3. 这里使用的是阿里云服务器，通过xhell 连接操作服务器，并且使用宝塔Linux操作面板方便安装一些环境，对新手十分友好，就像软件商店一样简单。

4. nginx 的安装，nginx是一个开源的，支持高性能，高并发的www服务和代理服务软件。宝塔操作面板软件商店一键安装，我们只需要关心nginx的配置问题