阿里云使用宝塔+nginx部署vue项目

1. 购买阿里云服务器,安装centos7.6操作系统,并设置安全组,确保一些必要的软件的端口放行,如mysql, nginx等等

2. 安装宝塔面板

3. 登录宝塔面板后选择左侧一键安装必要软件(重要,php什么的一定要安装)

———————————————————————————————————————————

以上三步自行找网上教程按步骤来进行设置!!!

———————————————————————————————————————————

4. 在本地中使用npm run build打包vue项目,并将最终生成的dist文件压缩为rar或zip文件

5.在宝塔面板左侧点击网站–》添加站点

阿里云使用宝塔+nginx部署vue项目插图

6. 站点添加成功后,点击下面方框(注意以下图片是采用我自己.org.cn的域名已创建好的站点讲解的,上面www.xxx.com只是给一个例子,并没有提交,所以后面图片中目录名是.org.cn/)

阿里云使用宝塔+nginx部署vue项目插图1

准备上传我们的vue项目压缩包dist文件

阿里云使用宝塔+nginx部署vue项目插图2

7. 上传成功后,进行相应的设置修改,

阿里云使用宝塔+nginx部署vue项目插图3

点击如上图所示的设置按钮,进入设置页面,首先修改网站目录:

阿里云使用宝塔+nginx部署vue项目插图4

接下来修改配置文件

阿里云使用宝塔+nginx部署vue项目插图5

好啦,至此vue项目就部署成功了,之后就可以在浏览器中通过输入我们的域名访问vue项目啦!

原文链接:https://blog.csdn.net/hope2019/article/details/125133164

© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享