分享下在阿里云部署vue项目和遇到的一些坑

1.购买服务器和安装宝塔

购买服务器

部署项目，首先你需要购买一个服务器，可以选择的有很多，比如阿里云，腾讯云等。本人在这用的是阿里云服务器。购买的过程不多介绍，直接跟着填就好，系统选的是linux   centos，版本我选的是最新版，配置的话看你需求，初学者建议最低配即可（有矿的当我没说）。**唯一要注意的是，填的账号密码一定要记住，很重要**。

安装宝塔

1. 首先进入宝塔官网bt.cn 下载宝塔SSH终端，安装后打开连接。
   
   2.连接成功后，进入这个界面
   
   3.然后输入这行代码安装Centos，输入后有一个选项你输入Y就可以了。

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

4.然后你就可以用这个外网链接和给的账号密码登录了。（）

注意：因为宝塔的面板端口默认是使用8888端口的，所以一定要提前在阿里云服务器上打开这个端口。为了后续的使用，同时把3306 端口（Mysql固定端口）和8889端口打开。（控制台-安全组-配置规则）

5.安装相关插件
根据推荐的点一键安装即可。（Naginx Mysql 等）

上传数据库文件和后端文件

1.点击宝塔的数据库，添加数据库

2.导入数据库文件

3.上传后台文件到www/wwwroot文件夹下，上传的文件我已经npm install过了，文件太大可以压缩后上传，可以省很多时间。

4.修改后台服务器文件的default.json 和 app.js（双击就可以编辑）


注意：这个baseURL这个端口号要跟app.js这个的一样，如果你用的是3005或其他 ，app.js这里也要对应更改。

5.下载PM2挂载上去
在此之前，先到宝塔界面安全那里，把3306和8889端口先开放。然后到宝塔界面点击软件商店，搜索PM2下载即可。然后挂载上去，我这里是已经挂载好了，就不重复操作了。

注意：宝塔的端口也要开放3306和8889这两个端口，阿里云那边开发了，宝塔也需要再开放。

6.测试是否可以从POSTMAN获取接口数据。

看到这个效果，就是能获取到后台数据了。

上传前端文件

1.修改前端项目中的main-prod.js文件中的请求接口

2.上传打包生成的dist文件到www/wwwroot的一个新建文件夹下面。我这里是新建了一个名为http的文件夹。

注意：有一些项目会由于element-ui不是最新版本会报错，解决办法是npm install element-ui 然后再重新在public 中的index中引入最新element-ui的css样式link和js文件（官网有），再重新打包生成dist文件，重新上传到宝塔。


3.最后在宝塔页面添加站点

4.现在就可以在全世界访问你的网站啦。

总结一下，整个过程中，比较容易出错的地方是阿里云服务器那边8888端口的开放，如果不开放，宝塔登录就会报错。还有后台数据在上传的时候，一定要修改好default.json和app.js文件，端口号要对应，特别注意，在宝塔和阿里云服务器都需要开放3306和8889端口。如果你PM2托管上传后台数据的时候，端口号显示为OFF，则说明设置的端口号被占用了（有一些是固定的，你可以去查一下，避开这些来使用，比如3306是mysql固定使用的端口）。最后上传前端文件的话，注意打包前修改好产品模式下的main里面的请求接口，改成跟你后端设置的一样，还有稍微注意下element-ui的版本问题。好了，大概就这些，前端路漫漫，还需多学习，如有说的不好的，请各位前端大佬指出错误。