当前位置： 首页 > news >正文

【自用】VUE项目 宝塔部署 上线阿里云服务器CentOS7.6

news 来源：原创 2024/11/17 1:37:39

一、给VUE项目打包

1.开始打包

运行命令：

npm run build

在这里插入图片描述

2.找到打包好的 dist 文件夹

要记住这个dist文件放在了哪儿，记住哦！
在这里插入图片描述



二、服务器端安装宝塔面板

1.进入root用户并执行命令

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

安装全都 yes 即可，直到安装成功显示
在这里插入图片描述

2.按照“外网面板地址”，在客户端浏览器访问宝塔面板

输入服务器给出的 username 和 password
（请注意！若无法访问，则要查看服务器的防火墙是否开放了端口如：192.168.211.109:8888）
（如果没有放开端口，则要在云服务器控制面板上开放端口并且进入服务器重启防火墙）
在这里插入图片描述

3.注册一个新的宝塔账号，并登录宝塔

在这里插入图片描述



三、域名解析

1.打开阿里云域名控制台

在这里插入图片描述

2.进入域名解析

在这里插入图片描述

3.设置域名解析，添加域名前缀www等…

在这里插入图片描述



四、宝塔设置服务器绑定域名

1.添加域名

（请注意！域名在添加时不必额外指定端口号了除非有特殊需求，默认即可！！）
（请注意！域名在添加时不必额外指定端口号了除非有特殊需求，默认即可！！）
（请注意！域名在添加时不必额外指定端口号了除非有特殊需求，默认即可！！）

根目录等参数也都保持默认不必修改
在这里插入图片描述

2.点击“根目录”

在这里插入图片描述

3.上传已经打好的 dist 包（就是我们第一步打包好的vue工程）

在这里插入图片描述

4.回退到“网站”

在这里插入图片描述

5.点击“网站名”

在这里插入图片描述

6.添加带前缀的域名

在这里插入图片描述



五、访问 xxx.top 域名（不要带端口号），成功。

1.成功！

在这里插入图片描述

相关文章：

  • 学网页设计学费多少/seo网站推广专员
  • wordpress网站描述/百度外推排名
  • 笑话网站 wordpress/网站seo优化总结
  • 从化建设局网站关停/专业全网优化
  • 手机网站导航模板/网站模板搭建
  • 怎么做进入网站js特效/百度营销推广官网
  • 计算机网络期末重点考点总复习
  • 基于Servlet 的Java Web项目的CSRF防御概念
  • SpringBoot+Vue项目实践课程教学管理平台
  • 基于标志点特征高精提取与匹配方法，进行双目、结构光、RGBD相机、单目相机多视拼接
  • Cartesian product
  • 如何实现高性能点赞
  • Beego框架项目搭建步骤
  • 机器学习100天（十八）：018 逻辑回归Python实战
  • 【数据驱动测试】从方法探研到最佳实践
  • 华为机试_HJ27 查找兄弟单词【中等】
  • 智牛股_第7章_OAuth2+Spring Security OAuth2+GateWay+Druid+Spring Data JPA
  • Transformers18~ Diffusion