vite+vue3项目通过宝塔部署到服务器
记一次vite+vue项目的打包构建到服务器上
·
记一次vite+vue3部署到宝塔服务器的经历
环境说明
一份web(vite+vue3)项目、一个安装宝塔面板的服务器(使用的是nginx)
操作步骤
解析一个域名
获取一个免费的SSL证书
在宝塔面板里创建一个网站并添加下载下来的SSL证书
web项目打包构建
- 根据项目在网站目录的路径,在vite.config.ts文件添加对应的文件路径
- 执行
npm run build
命令构建dist文件 - 将dist文件拖拽到对应的路径下并上传
- 前后端分离项目需要,接口不在一个站点下时,需要注意配置一下站点的反向代理
- 选择高级功能
- 代理名称:等于一个备注功能
- 代理目录: 后面请求时用来代替baseURL
- 目标URL: 匹配到代理目录的路径请求时,替换的值
成功效果(访问站点下web项目的文件夹,展示预期效果,请求的api也代理到正确的域名)
更多推荐
已为社区贡献1条内容
所有评论(0)