前段时间开发了一个项目, 我后端用的是flask框架写接口,前端用的是Vue框架,项目前后端完全分离,部署的时候遇到一点问题,记录一下. 部署环境:Centos6.5、python
前段时间开发了一个项目, 我后端用的是flask框架写接口,前端用的是Vue框架,项目前后端完全分离,部署的时候遇到一点问题,记录一下.
部署环境:Centos6.5
、python3.6.3
、flask0.12.0 vue
部署方式:uwsgi+Nginx
步骤:
1.首先安装python运行环境,正常
2.安装uswsgi运行,正常(使用pip安装,pip install uwsgi):
新建config.ini文件
[uwsgi]
# uwsgi 启动时所使用的地址与端口,nginx代理的时候需要转发到该地址
Socket = x.x.x.x:xxxx
#Python环境目录
#home = /usr/local/python/bin
#指向网站根目录
chdir = /root/www
#python项目启动程序文件
wsgi-file = /root/www/run.py
#python程序内用于启动的application变量名
callable = app
#处理器数
processes = 3
#线程数
threads = 3
#状态监测地址
stats = 127.0.0.1:5000
#设置uwsgi包解析的内部缓存区大小。默认4k
buffer-size = 32768
uwsgi启动命令:
uwsgi config.ini #该命令直接启动
uwsgi -d --ini config.ini #该命令后台运行,常用
3.安装nginx,正常,我们是运维安装的,过程不表,请百度一下
问题来了:
我们在同时代理vue和flask 的时候,不管怎么折腾,前端都无法访问到flask的地址
解决办法:
使用了两个不同 的域名分别代理了vue和flask,vue指向flask的代理域名
user nginx;
worker_processes 1;
error_log logs/error.log;
#error_log logs/error.log notice;
#error_log logs/error.log info;
pid logs/nginx.pid;
events {
worker_connections xx;
use epoll;
}
Http {
include mime.types;
default_type application/octet-stream;
log_fORMat main '$remote_addr - $remote_user [$time_local] "$request" '
'$status $body_bytes_sent "$http_referer" '
'"$http_user_agent" "$http_x_forwarded_for"';
#access_log logs/access.log main;
server_tokens off;
sendfile on;
#tcp_nopush on;
#keepalive_timeout 0;
keepalive_timeout xx;
#gzip on;
server {
listen xx;
server_name hqfund.com www.hqfund.com;
return 301 https://$host$request_uri;
}
server {
listen 443 ssl;
server_name xxx.com1;
ssl_certificate /xxxx;
ssl_certificate_key /xxxx;
location / {
root /xxxx;
index index.html index.htm;
}
}
server {
listen xx;
server_name xxx.com2;
return 301 https://$host$request_uri;
}
server {
listen xxx ssl;
server_name xxx.com2;
ssl_certificate /xxxx;
ssl_certificate_key /xxxx;
location / {
include uwsgi_params;
uwsgi_pass x.x.x.x:xx;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
}
}
}
到此这篇关于flask和vue前后端分离项目部署的示例代码的文章就介绍到这了,更多相关flask和vue前后端分离内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!
--结束END--
本文标题: flask和vue前后端分离项目部署的示例代码
本文链接: https://lsjlt.com/news/159722.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0