第一章：腾讯云轻量应用服务器建站流程（前端）

本文章介绍如何通过腾讯云轻量级服务器搭建前端页面的流程，中间涉及到了个人建站时踩得坑。望能给予大家一些帮助。

1.涉及内容有：

购买服务器与部分选项操作
宝塔面板功能选择及相关操作
前端代码部署
解决vue3 history 类型路由刷新后404问题

2.购买服务器与部分选项操作

2.1腾讯云网址：https://cloud.tencent.com/

2.2 选择轻量级服务器购买

2.3 购买成功后会跳转至轻量应用服务管理页面，若无跳转可点击右上角头像进入个人中心，鼠标移入右上角云产品，找到轻量应用服务

3 宝塔面板功能选择及相关操作

3.1 在此处重装一下系统，依旧选择宝塔Linux面板

3.1 系统重装完毕后点击防火墙添加规则端口号为8888

3.2 点击应用管理复制 sudo /etc/init.d/bt default，再点击登录进入服务面板。

再将上面复制的内容粘贴至面板内回车

回车后会出现宝塔面板的登陆地址和账号密码，记得保存！

3.3 进入宝塔面板安装应用程序

宝塔会推荐安装套件，选择第一个编译安装，等待安装完成

3.4 网站相关配置

点击网站，添加站点，若无域名直接写 ip:端口号（我使用的端口号为8082），点击提交

这里需要再回到腾讯云的防火墙为上述填写的端口号增加白名单。此时访问 ip:端口号已经可以访问成功了！

4.前端代码部署

点击文件进入路径 /www/wwwroot/http ，讲里面可删除的内容删除后(.user.ini无法删除)，再将打包好的vue上传即可！

ps:如何打包vue： npm run build

5.刷新出现404问题解决方案

因为vue history路由模式导致的404错误
修改nginx 配置即可解决该问题
nginx路径：文件 www/server/panel/vhost/nginx
双击打开 ip.conf 文件，

try_files $uri $uri/ /index.html;

粘入此段代码即可解决该问题

第一章：腾讯云轻量应用服务器建站流程（前端）相关推荐

腾讯云轻量应用服务器-建站保姆级教学
第一步:准备工作选购轻量应用服务器我这里需求是构建一个静态网站,选择应用镜像WordPress WordPress 是全球最流行的开源的博客和内容管理网站的建站平台,具备使用简单.功能强大.灵活可 ...
腾讯云轻量应用服务器+宝塔+Tomcat部署前端项目
文章目录前言购买服务器具体步骤前言我在平常工作中都是前端开发完打包发给后端,再由后端部署到服务器,今天想自己捣鼓一个服务器试试前端项目部署(此处为萌新教程). 购买服务器最新活动 > ...
腾讯云轻量应用服务器搭建网站
目录前言 1.初次登入腾讯云官网的先注册+学生认证 2.购买服务器 3.配置+导入前端文件参考资料前言建站小白初次搭建网站流程分享,或许有诸多槽点.废话多多.术语乱用. 毫无逻辑,请谨慎食用. ...
腾讯云轻量级服务器怎么搭建网站,腾讯云轻量应用服务器新手教程：快速搭建网站...
原标题:腾讯云轻量应用服务器新手教程:快速搭建网站腾讯云轻量应用服务器(Lighthouse)具备轻运维.开箱即用的特点,适用于小型网站.博客.论坛.电商以及云端开发测试和学习环境等轻量级业务场景, ...
腾讯云轻量应用服务器怎么搭建网站？超详细建站流程
腾讯云轻量应用服务器怎么搭建网站?太简单了,轻量服务器选择宝塔Linux镜像,然后在宝塔面板上添加站点,以WordPress建站为例,腾讯云服务器网来详细说下腾讯云轻量应用服务器搭建网站全流程,包括轻 ...
阿里云轻量应用服务器/腾讯云轻量应用服务器如何安装宝塔面板？
目录一.阿里云轻量应用服务器如何安装宝塔面板? 第一种方式:重置为宝塔面板应用镜像第二种方式:安装CentOS系统,用命令安装宝塔面板二.腾讯云轻量应用服务器如何安装宝塔面板? 第一种方式:重置 ...
13、腾讯云轻量应用服务器挂载文件系统
前言:腾讯云轻量应用服务器+腾讯云文件存储(Cloud File Storage,CFS)系统的使用小记轻量应用服务器系统版本是windows server 2012r 一.必要概念 1.1 轻量应 ...
使用腾讯云轻量应用服务器搭建网络质量拨测工具 SmokePing
本文原载于 https://www.idc.moe/archives/qcloud-Lighthouse-SmokePing.html 作者:iks SmokePing 是由 RRDtool 的作者 ...
腾讯云轻量应用服务器搭建跨境电商的方法步骤（非常详细）
独立站火热的背后对于中国的跨境电商平台卖家而言,2021年绝对是段低气压的时光:亚马逊掀起了一场规模庞大的"封号潮",自4月起至9月,从头部到中小品牌,粗略统计有超过5万家店铺 ...

第一章：腾讯云轻量应用服务器建站流程（前端）

1.涉及内容有：

2.购买服务器与部分选项操作

2.1腾讯云网址：https://cloud.tencent.com/

2.2 选择轻量级服务器购买

2.3 购买成功后会跳转至轻量应用服务管理页面，若无跳转可点击右上角头像进入个人中心，鼠标移入右上角云产品，找到轻量应用服务

3 宝塔面板功能选择及相关操作

3.1 在此处重装一下系统，依旧选择宝塔Linux面板

3.1 系统重装完毕后点击防火墙添加规则端口号为8888

3.2 点击应用管理复制 sudo /etc/init.d/bt default，再点击登录进入服务面板。

3.3 进入宝塔面板安装应用程序

3.4 网站相关配置

4.前端代码部署

5.刷新出现404问题解决方案

第一章：腾讯云轻量应用服务器建站流程（前端）相关推荐

最新文章

热门文章

第一章：腾讯云轻量应用服务器建站流程（前端）

1.涉及内容有：

2.购买服务器与部分选项操作

2.1腾讯云网址：https://cloud.tencent.com/

2.2 选择轻量级服务器购买

2.3 购买成功后会跳转至轻量应用服务管理页面，若无跳转可点击右上角头像进入个人中心，鼠标移入右上角云产品，找到轻量应用服务

3 宝塔面板功能选择及相关操作

3.1 在此处重装一下系统，依旧选择宝塔Linux面板

3.1 系统重装完毕后点击防火墙 添加规则 端口号为8888

3.2 点击应用管理 复制 sudo /etc/init.d/bt default，再点击登录进入服务面板。

3.3 进入宝塔面板 安装应用程序

3.4 网站相关配置

4.前端代码部署

5.刷新出现404问题解决方案

第一章：腾讯云轻量应用服务器建站流程（前端）相关推荐

最新文章

热门文章

3.1 系统重装完毕后点击防火墙添加规则端口号为8888

3.2 点击应用管理复制 sudo /etc/init.d/bt default，再点击登录进入服务面板。

3.3 进入宝塔面板安装应用程序