amis搭建的前端,使用nginx解跨域

本文介绍了在使用Amis前端框架和Flask后端服务时遇到的跨域问题,以及通过前端部署和配置Nginx反向代理来解决该问题的方法。详细步骤包括前端的Node.js环境搭建、Amis部署,以及Nginx的配置,确保前端访问3000端口,后端接口通过5000端口转发,成功实现跨域通信。

最近在使用amis,然后感觉确实是一个极易上手的前端框架。而且目前我的工作中主要也是使用amis+flask,所以没有道理不掌握

碰到的问题:
之前就写了一个html页面,然后后端接口是flask写的。但是在点击提交的时候,发现后端接口是有访问到的,但是没有响应,这里可以看出。strict-orign-when-cross-origin.跨域了
在这里插入图片描述

在这里插入图片描述

解决办法:
1.部署前端
这里需要下载node.js 然后下载amis 。之后再是将前台部署好。
2.安装nginx,部署nginx做反向代理
这里的8000是之后统一访问的端口,nginx会监听8000端口,然后路由url是/的会转发至前台的3000端口,路由url是/index的会转发至后台的是5000端口,从而实现解决跨域问题。
在这里插入图片描述

效果:
在这里插入图片描述
这里po一下前后台的代码,以供之后回溯使用

1.前台目录
在这里插入图片描述
前台主要代码
在这里插入图片描述
后台代码
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

图书馆钉子户

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值