如何将前端项目部署到腾讯云上

1.先购买腾讯云服务器

        

 进入腾讯云官网搜索轻量应用服务器

 点击立即选购就会出现选购服务器的方案,我们这里是个人应用所以服务器不需要购买太贵的,刚好够我们自己使用就行

---

 购买服务器成功后我们会登录进取服务器控制台

 点击进入控制台

 

 我们会进入到控制台界面,这时我们需要登录我们购买的服务器

 

 点击登录一般在第一次登录时会按照,系统设置的账号和密码来登录服务器,但是建议还是自己重置密码,防止自己服务器像公交车,谁都能上!!!  还有怎么知道系统设置的密码和账号,可以在界面中的站内信中查看

 

 

 点击可以查看到系统设置的账号和密码

重置密码:

 

 

 个人建议都需要重置密码,因为在后面链接xshell和xftp时没有重置密码会需要你使用ssh来进行链接,需要重置密码才能进行密码链接

2.当设置好自己的服务器之后可以去下载Xshell和Xftp了

家庭/学校免费 - NetSarang Website

这里推荐免费版的,可以满足我们所须的功能

 点击下载

 再点击免费授权页面,

 

将你的名字和你的邮箱填上去,你的邮箱会收到下载的链接,然后点击链接进行下载,下载完成后桌面上就会出现Xshellh和xftp的图标

 先将Xshell和自己的服务器进行链接

1.点击新建

2.将xshell与服务器进行链接 ,点击链接

可能有兄弟不知道ip地址在哪里

 3.点击连接后会出现登录账户的弹窗

用户名默认为root,点击确认

4.如果是第一次连接会让弹出验证框,一个是password验证,一个是ssh验证,因为我们前面已经重置了服务器的面,所以我们选择密码验证,在输入框中输入你重置后的密码即可

5.连接xftp

 6.点击新建

 名称就填你要上传的项目名称,主机就是服务器的ip地址

7.填写账户 (默认还是root)

 

 8.填写账户后会跳转到验证窗口

 点击输入重置后的服务器密码即可

9.创建文件目录

 10.将vue项目打包好的dist文件拖入文件加下

 这样就将打包好的项目上传到远程服务器上了(xftp就可以关闭了)

3.配置Nginx

1.切换到xshell

2.进入etc文件下 通过指令 cd / (进入根目录) 再通过 ls 指令展开目录列表我们可以看见蓝色字体中有 etc 文件目录 再通过 指令 cd etc 可以进入etc文件加下

 

 3.进入etc文件下我们可以看到很多下载文件列表

 4.此时我们要下载nginx 通过指令 yum install nginx 可以下载nginx (因为我已经下载过了所以就没有展示下载指令了) 当下载完成时 cd nginx (进入nginx文件下找到  nginx.conf文件)

 通过vim nginx.conf指令编辑nginx.conf文件

 

 更改完成后按esc建 输入:wq (保存并退出) 此时nginx的配置就修改完成了

此时就能通过公网ip访问自己的项目了