部署前后端分离项目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：前后端连接，是将后端写的跨域部分中加入前端地址