这样快速绑定域名(前后端分离)

前端项目访问流程
用户输入网址发送请求 --> 域名解析服务器(把网址解析为IP地址/交给其他域名解析服务) --> 服务器(防火墙)–> nginx接收请求,找到对应文件,返回给前端 --> 前端加载文件到浏览器 --> 渲染页面

后端项目访问流程
用户输入网址发送请求 --> 域名解析服务器 --> 服务器 --> nginx接收请求 --> 后端接收请求,业务处理,返回结果
nginx反向代理的作用:替服务器接受请求,转发请求

前端

阿里云(其他平台类似)购买域名过户后,点击对应域名解析:
image.png
接着点击新手引导,并填写相关信息,确定即可**:**
image.png
成功访问:
image.png

后端

绑定域名后访问域名+8080/api/user/search
image.png
绑定成功,但是每次访问都得带端口号怪怪的,不合适。如何去掉端口号就可访问?
可以让nginx来转发请求

nginx反向代理是非常常用的方法。可以帮我们统一管理请求、接收请求,只需要去配置访问哪个域名、转发到哪个地址/项目即可,另外也可以对请求做拦截

先新建一个站点:
image.png
点击设置 --> 反向代理 --> 添加反向代理
image.png
不带端口号成功访问:
image.png
前端页面点击登录,出现跨域错误:
image.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值