利用vue打包后的dist文件直接部署网站
1、宝塔环境搭建
网站环境搭建
2、创建网站
1、添加站点
新建一个站点,编写域名,域名可以添加端口号,如:www.test.com:9999,则访问的时候要戴上端口号访问,如果有域名证书,用80即可
![添加站点](https://img-blog.csdnimg.cn/a62a8ae759c74638b345acb53b41488e.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbHh3dGhpbmtlcg==,size_20,color_FFFFFF,t_70,g_se,x_16)
![输入域名](https://img-blog.csdnimg.cn/8db6ff32228e4e6490d07055191ecbde.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbHh3dGhpbmtlcg==,size_20,color_FFFFFF,t_70,g_se,x_16)
2、上传文件
该网站的目录如下。
![获取地址](https://img-blog.csdnimg.cn/30a2d3811a794b5da5047cc72597b4b5.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbHh3dGhpbmtlcg==,size_20,color_FFFFFF,t_70,g_se,x_16)
点击进入查看文件,然后将vue打包后的dist文件传输到该目录下。
![查看文件](https://img-blog.csdnimg.cn/866268ee79214b80b4341200899a2b55.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbHh3dGhpbmtlcg==,size_20,color_FFFFFF,t_70,g_se,x_16)
![传输文件](https://img-blog.csdnimg.cn/7f44860f94ea473b983104207fc9e9c0.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbHh3dGhpbmtlcg==,size_20,color_FFFFFF,t_70,g_se,x_16)
3、重新配置该网站目录
进入该网站的设置页面。
![点击设置](https://img-blog.csdnimg.cn/fa8041edea6f42938d92440de1a6d118.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbHh3dGhpbmtlcg==,size_20,color_FFFFFF,t_70,g_se,x_16)
选择刚才的dist文件,保存就可以了。
![选择目录](https://img-blog.csdnimg.cn/b6f66271aa4d465c960b37f92259aeef.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbHh3dGhpbmtlcg==,size_20,color_FFFFFF,t_70,g_se,x_16)
![保存目录](https://img-blog.csdnimg.cn/a4a472320e014c3cb949d81fb7cf769a.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbHh3dGhpbmtlcg==,size_20,color_FFFFFF,t_70,g_se,x_16)
3、添加域名证书
通过阿里云获取的免费ssl证书输入正确的key和pem就可以部署成功了。
![输入证书](https://img-blog.csdnimg.cn/d2fb6cc7a1fd48c8979b93da99dff620.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbHh3dGhpbmtlcg==,size_20,color_FFFFFF,t_70,g_se,x_16)