Vue3
Vue初步学习
Vue组件学习及Prop传递数据
Vue自定义事件组件交互
组件的生命周期
Vue引入第三方
Axios网络请求
Vue路由配置
Vue状态管理（Vuex）
Vue新特性-组合式API
Vue3加载Element-plus
Vue3管理项目
Vue3项目部署到服务器过程
nodejs安装
本文档使用 MrDoc 发布
-
+
up
down
首页
Vue3项目部署到服务器过程
# 部署Vue3项目到Linux服务器 使用该框架码出来的前端项目，想要部署到服务器上，需要稍微的折腾一下。 - 前端vue3项目 - 后端fastAPI项目（作为前端的接口） ## 打包vue3项目到生产环境 `npm run build` 其中使用了webpack，会报错，需要注释掉 > w打包后，所有项目需要文件在dist目录下。将该目录拷贝到服务器中。 ## 创建网站，如通过宝塔创建，直接指定dist目录  然后修改nignx的配置 ``` root /www/wwwroot/frontend; location / { #root /www/wwwroot/frontend; try_files $uri $uri/ @router; index index.html index.htm; } location @router { rewrite ^.*$ /index.html last; } error_page 404 /404.html; location = /40x.html{ } ``` ## 注意，需要在前端的配置中修改对应的接口地址 ## 注意，需要在后端添加跨域访问（setting.py） ## 后台fastAPI在宝塔启动后报错问题 > 解决async 运行多线程时报错RuntimeError: There is no current event loop in thread 'Thread-2'，主要包括解决async 运行多线程时报错RuntimeError: There is no current event loop in thread 'Thread-2' 查看具体是什么依赖包中报错导致，将对应的py文件中`loop = asyncio.get_event_loop()`修改为 ``` new_loop = asyncio.new_event_loop() asyncio.set_event_loop(new_loop) ```
laihui126
2022年11月14日 15:38
分享文档
收藏文档
上一篇
下一篇
微信扫一扫
复制链接
手机扫一扫进行分享
复制链接
关于 MrDoc
觅道文档MrDoc
是
州的先生
开发并开源的在线文档系统，其适合作为个人和小型团队的云笔记、文档和知识库管理工具。
如果觅道文档给你或你的团队带来了帮助，欢迎对作者进行一些打赏捐助，这将有力支持作者持续投入精力更新和维护觅道文档，感谢你的捐助！
>>>捐助鸣谢列表
微信
支付宝
QQ
PayPal
下载Markdown文件
分享
链接
类型
密码
更新密码
