电子商务网站建设实训过程,网站开发指什么,那些网站可以做公司的推广,保险设计素材网站目录
一、Vue3项目打包
二、将打包文件放到python项目
三、配置uvicorn服务
四、启动服务 【SpringBoot版传送门#xff1a;使用SpringBoot替代Nginx发布Vue3项目_苍穹之跃的博客-CSDN博客】 一、Vue3项目打包
#xff08;博主vue版本#xff1a;3.2.44#xff09;
由…目录
一、Vue3项目打包
二、将打包文件放到python项目
三、配置uvicorn服务
四、启动服务 【SpringBoot版传送门使用SpringBoot替代Nginx发布Vue3项目_苍穹之跃的博客-CSDN博客】 一、Vue3项目打包
博主vue版本3.2.44
由于是要放在FastAPI中接口服务和Web服务用的是同一个端口所以我们给前端一个统一的URL前缀来区分前端页面和后端接口。比如/admin配置方式如下在src/router文件夹下找到路由文件注意要用history模式不要用哈希。
至于打包就跟平时打包到nginx一样的去打包就行了。不要添加base参数画蛇添足
二、将打包文件放到python项目
在python项目中新建文件夹static然后将打包好的vue包复制进去。 三、配置uvicorn服务
新建api_service.py文件作为入口类
①静态文件映射 ②配置VueRouter路由的反向代理 ③强制让JS文件的MIME类型为application/javascript 完整代码如下↓↓↓
import uvicorn
from fastapi import FastAPI, Request
from fastapi.staticfiles import StaticFiles
from starlette.middleware.base import BaseHTTPMiddleware
from starlette.responses import HTMLResponseapp FastAPI()app.mount(/, StaticFiles(directorystatic), name/)# 静态文件代理
class RedirectToIndexMiddleware(BaseHTTPMiddleware):async def dispatch(self, request: Request, call_next):# 排除静态文件if not request.url.path.endswith((.js, .css, .png, .ico)):# 只拦截指定前缀if request.url.path.startswith(/admin/) or request.url.path /admin:return HTMLResponse(contentrequest.app.index_html, status_code200)response await call_next(request)return response# 读取index.html
with open(static/index.html, encodingutf-8) as f:app.index_html f.read()
# 添加中间件
app.add_middleware(RedirectToIndexMiddleware)# 自定义JS文件的MIME类型为application/javascript
app.middleware(http)
async def override_static_file_mimetype(request, call_next):response await call_next(request)if request.url.path.endswith((.js)):response.headers[content-type] application/javascriptreturn response# 添加中间件
app.add_middleware(RedirectToIndexMiddleware)if __name__ __main__:uvicorn.run(app, host0.0.0.0, port8000)四、启动服务 浏览器访问http://localhost:8000/admin
