vue + express + mongodb
项目搭建准备:
1、创建两个 vue 前端项目,分别是前台系统和后台管理系统;
2、创建服务端项目(express 框架),默认端口 3000;
3、本地安装 MongoDB 数据库,默认端口 27017;
4、项目部署完成后,需要运维人员协助配置一下才能访问:
内网情况:
开放应用服务器的80端口(前端)
开发应用所在服务的3000端口(后台)
外网访问
注:使用frp,在阿里云服务器做内网穿透,
开放应用服务器的80端口(前端)
开发应用所在服务的3000端口(后台)
配置阿里云服务器的安全组80和3000;
开放阿里云服务器的80和3000端口;
确认阿里云服务器frps开放的端口
# 指定允许客户端使用的端口范围,未指定则没有限制;
allow_ports = 25,465,110,143,993,995,2000-3000,3001,3003,4000-50000
frpc所在服务器配置并重启
前端页面配置http
[3000]
type = tcp
local_ip = 192.168.6.XXX
local_port = 3000
use_emcryption = false
use_compression = true
remote_port = 3000
后端接口配置tcp
[demo2]
type = http
local_port = 80
local_ip = 182.168.6.XXX
use_encryption = false
use_compression = true
custom_domains = demo2.XXX.com
本文介绍了如何搭建Vue前端项目、Express后台服务以及MongoDB数据库,并详细阐述了项目部署后的内网穿透配置,包括前端和后台的端口设置,以及通过frp在阿里云服务器上实现外网访问。同时,提到了配置阿里云服务器安全组和frps端口的重要性。
110

被折叠的 条评论
为什么被折叠?



