vue+vite+宝塔 项目打包上线云服务器详细过程（含echarts数据请求跨域问题）

又是心情异常复杂的一篇文章，但是万事开头难，还是超级开心啊哈哈哈哈哈哈哈！这是自己写的一个小项目，基于vite创建，包含了echarts调用api请求数据，所以里面涉及到了跨域问题困扰了我很久！

1.文件打包

npm run build

打包之后会生成一个dist文件夹，后面就是通过把这个文件夹上传云端来实现上线功能的。

2.购买云服务器

学生首次购买有优惠，这里是官网入口：
腾讯云学生服务器官网： https://cloud.tencent.com/act/campus

买的时候注意选CentOS，当然，如果有像我一样的憨批选错了发现后面怎么都走不通了也不用担心，可以在设置=》重装系统里面选择centos，确定重装即可。

完了以后就是这样子的图标

然后就进行密码和密钥的配置，密码配置直接点击进去找设置或者重置密码就行， 关于密钥，点击左边导航栏就密钥新建一个（注意这里新建的时候创建方式需要选择"使用已有公钥"，然后公钥的内容就是后面第三步里面复制过来的，这里可以直接跳到第三步），就出现了下面图片所展示的：

然后，我们回到上一个页面，把服务器关机，然后再回到密钥界面，点击绑定/解绑实例，选择实例确认绑定。

这里可以买一个域名，但是好像用ip也可以直接访问，这个域名购买我就不写了，卖完了记得配置到自己的服务器上