最近两天折腾了一下flask+nginx实现前后端分离的方法,网上找了很多文章,基本都很复杂,
自己找了一个简单的方法,在此记录一下,如有错误,请告知。
目录结构很简单,只有一个提供web服务的文件。`code`
@app1.route('/exampleData/areaData', methods=['GET'])
def deviceInfo():
region = request.args.get('data')
region = region.replace("\"", "")
fixIDJson = handleSql().selectDeviceInfo(str(region))
return fixIDJson
从上代码可以看出,只需要关注@app1.route(" ")里面的部分就可以,前端AJAX路由路径于此相同就可以收到请求。
运行代码后,监控127.0.0.1:5000端口。
之后配置Nginx服务器,将所有静态文件放在 /usr/local/var/www下,如下图。
之后修改nginx.conf文件.
`location / {
proxy_pass http://127.0.0.1:5000;
# root html;
# index index.html index.htm;
# proxy_set_header X-Real-IP $remote_addr;
# proxy_set_header Host $host;
# proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
location /index.html {
root /usr/local/var/www;
index index.html index.htm;
}
location /lib/vue.js {
root /usr/local/var/www;
}
location /css/main.css {
root /usr/local/var/www;
}
location /css/fileMap.css {
root /usr/local/var/www;
}
location /js/function.js {
root /usr/local/var/www;
}
location /config.js {
root /usr/local/var/www;
}
location /js/district.js {
root /usr/local/var/www;
}
location /main.js {
root /usr/local/var/www;
}`