Vue+Express+MongoDB项目部署至腾讯云服务器


前段时间买了腾讯云服务器还有域名,一开始想把自己的个人博客放上去,出于种种原因,一直拖延至今,我就把我的个人操作步骤放置在这里,望大佬能够指点迷津。

一、服务器

我使用的是腾讯云服务器,当时618云聚会买的是95一年的,当然是最垃圾的服务器,作为新手小白给自己练练手。登录腾讯云官网然后右上角的控制台进入云服务器,购买就自己按着步骤去。

1. 放通接口

购买成功后通过控制台进去云服务器,里面的实例就是你的服务器的信息了,然后去安全组放通全部的端口,(反正就是自己练练手,安全啥的也不懂啊,先部署成功再说,以后继续深入)。
点击新建,模板选择放通全部端口,然后关联实例
在这里插入图片描述

2. 远程桌面

在实例中先重置密码,进入远程桌面需要用到这个密码
在这里插入图片描述
方式一:点击登录进入到该桌面,需要下载RDP文件,打开进入,但是文件管理起来不方便。
方式二:我使用的是win+r输入mstsc,
在计算机名中输入服务器实例的公网IP地址
在这里插入图片描述
选择本地资源—>详细信息—>勾选驱动器和其他支持的即插即用设备
在这里插入图片描述
接下来输入刚刚重置的密码就可以连接到云服务器桌面了。

3. 环境搭建

  1. 下载安装node.js,教程及下载地址链接
    node.js安装下载教程
    通过cmd输入node --version出现版本号即安装成功
  2. 安装mongodb,教程及下载地址链接
    MongoDB安装下载教程

4. 运行

通过cmd进入项目文件夹,然后cnpm run start启动express项目
在浏览器中输入公网ip然后加上express项目listen的端口号就进入到了项目中。

二、代码

  1. 我在自己本地写了Vue+Express使用MongoDB的数据库的个人博客。前后端分离,把Vue的代码使用npm run build打包然后放在Express中的public里。
  2. 前端通过axios使用Express的api接口的地址都需要修改成公网ip而不是localhost了。
  3. 跨域问题我是通过Express安装cors来解决
    首先先安装cors
npm install cors --save

然后使用cors

 app.use(require('cors')());

这样就可以跨域了

三、域名解析

首先要先购买域名,在腾讯云中进入域名管理购买域名后,要先实名注册
在域名信息模板中新建然后输入自己的信息,一开始一直认证失败,后来我把上传的身份证照片的格式换了一个之后就认证成功了。
然后点击解析进行域名解析,然后点击快速添加网站/邮箱解析
在这里插入图片描述
然后输入服务器的公网ip,然后就可以通过域名进入自己的网站了,但是后面还要加上Express服务器的端口号。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值