前端项目访问流程:
用户输入网址发送请求 --> 域名解析服务器(把网址解析为IP地址/交给其他域名解析服务) --> 服务器(防火墙)–> nginx接收请求,找到对应文件,返回给前端 --> 前端加载文件到浏览器 --> 渲染页面
后端项目访问流程:
用户输入网址发送请求 --> 域名解析服务器 --> 服务器 --> nginx接收请求 --> 后端接收请求,业务处理,返回结果
nginx反向代理的作用:替服务器接受请求,转发请求
前端
阿里云(其他平台类似)购买域名过户后,点击对应域名解析:
接着点击新手引导,并填写相关信息,确定即可**:**
成功访问:
后端
绑定域名后访问域名+8080/api/user/search:
绑定成功,但是每次访问都得带端口号怪怪的,不合适。如何去掉端口号就可访问?
可以让nginx来转发请求
nginx反向代理是非常常用的方法。可以帮我们统一管理请求、接收请求,只需要去配置访问哪个域名、转发到哪个地址/项目即可,另外也可以对请求做拦截
先新建一个站点:
点击设置 --> 反向代理 --> 添加反向代理
不带端口号成功访问:
前端页面点击登录,出现跨域错误: