部署前后端分离项目Vue+FastAPI
·
1. 后端部署看上一篇文章
2. 前端部署,用npm run build:prod(以package.json中的为准)
注:修改代码
将生产环境的地址改为 -> 服务器地址+后端的端口号
将vue.config.js文件中的publicPath: '/',改为publicPath: './' (多了一个点)
生成的dist文件夹,点开,然后浏览器打开index.html文件,如果静态页面正常,说明打
包成功。
1.首先:添加站点

2:把创建站点生成的文件全部删除

3:将打包到的前端dist上传到这里
4:修改站点的端口

5:网站目录修改,保存

6:地址栏输入:服务器地址+前端端口号
7:前后端连接,是将后端写的跨域部分中加入前端地址
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)