vue+flask生产环境部署

最新推荐文章于 2024-08-01 22:10:27 发布

Vihaclue

最新推荐文章于 2024-08-01 22:10:27 发布

阅读量2.7k

点赞数

文章标签： vue nginx flask 生产环境部署

本文链接：https://blog.csdn.net/d7986/article/details/109319094

版权

1、整体架构

前后端分离架构，部署在同一台物理服务器上，使用前端路由，前后端通过json数据通信，前端通过axios访问后端api，需要解决跨域访问问题。

2、前端部署

我使用的是@vue/cli 4.x，直接npm run build后，将dist文件夹中的内容放在nginx服务器的html文件夹中，配置nginx服务器404页面指向前端主页index.html。

3、flask部署

flask生产环境部署需要uwsgi程序，pip install uwsgi可安装此程序。配置好uwsgi.ini文件，使用ini文件启动uwsgi。

首先解决跨域问题，将前端访问后端的api都加上/api前缀，在nginx中配置rewrite规则，将/api及之前的部分整体替换成要访问的ip和端口地址。

然后配置nginx服务器第二个端口（假设前端文件占用的是第一个端口），即上述/api改写后指向的端口，将此端口指向uwsgi代理的地址，即完成配置。

4、注意事项

注意vue.config.js中的devserver设置不会在生产环境中生效

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Vihaclue

关注关注

0
点赞
踩
9

收藏

觉得还不错? 一键收藏
3
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Vue+Flask部署到阿里云服务器

04-15

952

本文用于记录自己在阿里云部署Vue+Flask组合的详细过程。在阿里云部署Vue+Flask组合的前提是已经在自己电脑上成功部署，参考：https://minatsuki-yui.github.io/2018/01/04/vue&flask/?from=timeline 阿里云ECS建网站基础配置，参考：https://www.jianshu.com/p/2604e53a7...

前后端分离项目部署 vue+mysql+flask

m0_51534164的博客

03-23

1755

vue+mysql+flask 前后端分离项目部署

3 条评论您还未登录，请先登录后发表或查看评论

flask+vue全栈部署方式

最新发布

yoyo_lover的博客

08-01

756

简单了解这些，也就只能算是了解了flask后端的皮毛了。

【极简、无废话、非翻译】Flask+vue的开发和部署

Yonggie的博客

03-29

3776

看了很多，所谓的“初体验、实战”，里面统统都是先做什么后座什么，连为什么都不解释，每个组件是干什么的为什么要这样做，再不就是后面买课，再不就是事无巨细全部截图，大段大段的图片，篇幅巨长，真的很难把握重点，再不就是操作一些跟这个问题完全无关的下载什么包什么插件之类的，甚至项目都是臃肿as fuck的代码，乱七八糟的，真的糟心。这分明是【很简单】的一个【小问题】，何必整那么复杂。我默认读者入门vue，也入门flask，但是不了解他们俩的交互怎么写法。

flask+vue模型部署学习笔记（1）整体架构梳理

hali52013的博客

10-27

3620

flask+vue模型部署学习笔记（1）整体架构梳理 0.准备工作在模型部署之前，预先安装好vue和flask所需要的环境。（1）首先前端vue需要安装：1.安装node.js软件 2.安装cnpm（解决npm下载慢的问题，利用淘宝镜像源下载） 3. 安装vue-cli脚手架 4.安装webpack打包 5. 安装axios模块（2）后端flask需要安装：1. 安装 flask模块 2. 安装flask_cors模块参考博客：1.https://segmen

阿里云远程服务器Windows系统部署vue+flask后端项目

weixin_61006262的博客

04-18

958

最近在上线一个项目vue+flask。踩了很多坑，在这里特意写一篇总结文章希望对大家有帮助，也帮我自己总结下过程。1.需要先购买一台远程服务器（阿里云、腾讯云都可以）在使用该远程服务器时，直接建立实例创建实例就可以了，要在密码/密钥里面重置你的密码，因为你一开始说没有设置密码的。大家要记住密码。

nginx部署vue+flask网站

小青头的博客

06-19

3258

nginx部署vue+flask网站前端为vue 后端为nginx 配置后端请求访问过程：请求-》nginx-》uwsgi-》flask 第一步：将项目拉取到服务器上方法一：将项目上传到github远程仓库上，再通过git pull命令拉取项目到服务器本地方法二：可以直接使用rz命令将本地项目（直接压缩成压缩文件）传递到服务器上解压unzip命令，即可第二步：配置uwsgi uwsgi是用户网关接口的意思，负责将nginx获取的请求、响应数据处理成一定的格式后，发送给django或者flask处理

基于Python+Flask websocket 和 vue 的实时聊天项目-毕业设计源码+使用文档（高分优秀项目）

04-14

基于Python+Flask websocket 和 vue 的实时聊天项目-毕业设计源码+使用文档（高分优秀项目）该项目是个人高分毕业设计项目源码，已获导师指导认可通过，答辩评审分达到97分，在window10/11测试环境严格调试，下载即...

Centos7 部署Vue+nginx+Flask前后端分离项目

qq_46279105的博客

02-10

2499

Centos7 部署Vue+nginx+Flask项目前后端分离项目项目开发时建议为每一个项目创建虚拟环境，保持项目环境的干净项目部署前准备数据库：准备好sql文件前端：将调试的路径改为服务器ip地址后台：输出虚拟环境中使用的依赖包 source venv/bin/activate freeze > 项目根目录/requirements.txt 前端项目打包 yarn build 或者 rpm build 打包生成的dist文件夹就是项目的前端文件夹上传到服务器中，

flask+vue+nginx+uwsgi项目部署

weixin_45549915的博客

10-23

1125

1.背景这次部署flask+vue项目在网上找了很多的资料，说实话我当时就特别想吐槽为什么自己部署的都不知道是什么玩意的还要写博客呢，看的我是很头疼。不过最后项目还是部署起来了，所以想着自己写一个这个博客，来帮助有需要的人。有啥不足的或者理解不到位的地方，有请各位大佬提出！ 2.项目部署前说明本次项目采用的技术是前后端分离的部署架构，前段采用vue后端采用flask。前端部署采用nginx后端采用uwsgi 本次主要讲解部署流程 3.前端部署 nginx下载安装：自己网上找资料，主要就是

基于Flask+vue 设计出来的环境管理系统源码.zip

06-08

一个基于Flask+vue 设计出来的环境管理系统，前端通过nginx进行部署。

企业微信打卡vue+flask项目.zip

09-28

以上就是关于“企业微信打卡Vue+Flask项目”的核心知识点，涵盖了前端Vue.js的使用、后端Flask的开发、企业微信API的调用以及项目的部署和运维等方面。这个项目涉及的技术广泛，对于提升开发者全栈能力具有很高的...

vue+flask前后端分离部署阿里云服务器（一）

m0_53771468的博客

03-25

1072

最近做了一个项目，前端用vue写了一个网站，后端用flask，并连接训练好的Pytorch模型。第一次将项目部署到云服务器，在部署的过程中花了挺多功夫琢磨，在此记录一下。

阿里云服务器部署flask+vue项目教程

Time_Remains的博客

07-20

1378

阿里云服务器部署flask+vue项目教程搭建环境简介 python环境3.7.3 数据库为SQlite nginx gunion 阿里云系统环境为centos7.6 安装宝塔 yum install -y wget && wget -O install.sh python3环境安装因为centos7自带python环境为python2.远程连接进入服务器，直接输入python命令，即可见python版本，现在我们首先要安装python3，此处安装版本为python3.7.3. #

Vue+Flask测试平台，分享源码+详细搭建教程，良心项目实战

2301_76643199的博客

03-14

1388

因为此Element vue + Python Flask系列在公众号更新跨度很长，也断断续续并且刚开始也不怎么会总结分享，所以有不少不合适的地方，对此目前正在进行整理和再验证的工作，大约有20多篇等全部梳理完，系列后续将会连续更新发布，因此也说这个系列也将成为历史绝版。后端服务，使用的是 Python Flask框架，Pyton版本是3.x，同样本项目讲解的是需求应用的部分，至于更多内容建议学习官网英文中文，英文好的强力推荐阅读英文官方版本，中文的翻译可能是老版本，相关内容有些滞后。

在阿里云服务器上部署一个flask项目

susin3x的博客

06-30

2579

部署flask项目时，通常都是使用WSGI应用服务器搭配Nginx作为反向代理实现的。常用的WSGI服务器有gunicorn和uwsgi，本项目将使用Nginx反向代理搭配gunicorn实现flask项目的部署。centos7原本就安装了Python2，而且不能被删除，因为可能有程序如yum依赖python2环境。输入python命令，查看可知centos7自带的是python2.7.5版本。输入“which python”可以查看python所在的位置，一般是位于/usr/bin/python目录下。

阿里云部署flask项目

qq_41541801的博客

04-12

4611

基于centos-7.3系统（阿里云实例），使用 Gunicorn + Nginx 进行布署 nginx会用到80端口，gunicorn会用到5000端口，在安全组中开放对应端口一、安装环境 pip install flask pip install gunicorn 在一个文件夹内写了个入门程序 app.py mkdir test cd test vim app.py from flask import Flask app = Flask(__name__) @app.route("/")

阿里云服务器上部署Flask

javafalcon的专栏

07-01

2122

在阿里云服务器部署Flask项目

Ubuntu16.04+Flask Vue+axios：算法部署全攻略，Python库与项目结构详解

在本篇文章中，我们将探讨如何在IT领域部署算法应用，特别是在Python环境下，结合Flask、Vue.js和Element UI，以及axios进行前后端交互的技术细节。首先，系统环境设置是关键，这里推荐的是Ubuntu 16.04 LTS操作系统...