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

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

碰到的问题:
之前就写了一个html页面,然后后端接口是flask写的。但是在点击提交的时候,发现后端接口是有访问到的,但是没有响应,这里可以看出。strict-orign-when-cross-origin.跨域了
amis搭建的前端,使用nginx解跨域_第1张图片

amis搭建的前端,使用nginx解跨域_第2张图片

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

效果:
amis搭建的前端,使用nginx解跨域_第4张图片
这里po一下前后台的代码,以供之后回溯使用

1.前台目录
amis搭建的前端,使用nginx解跨域_第5张图片
前台主要代码
amis搭建的前端,使用nginx解跨域_第6张图片
后台代码
amis搭建的前端,使用nginx解跨域_第7张图片

你可能感兴趣的:(前端,nginx,flask)