首先去给域名添加解析因为我们是部署在服务器上以IP的形式去访问的所以添加的类型是A主机记录就是你想要访问的二级域名的头部比如你买了bbb.com这个是主域名也叫一级域名然后你想要以aaa.bbb.com的形式去访问你的项目那么你的主机记录就是aaa。如果想要直接以bbb.com去访问主机记录填**即可详细解释如下记录值就是你的服务器的公网IP地址oss配置腾讯云的CORS记得把自己的域名添加上去http://你的域名这里http即可添加域名宝塔面板前端中这里添加域名即可然后配置文件略微改一下http不改成https是因为后端就是http服务location /的需要放在下面然后配置SSL点击 Let’s Encrypt 去申请免费90天的证书然后下载之后来到当前证书填写下载的压缩包里key文件和pem文件里的内容点击保存后续想要安全可以打开强制HTTPS验证首先如上图首先认证域名得是我们填的如果是guoziyang.com那么你的SSL证书必须得是泛证书关于申请方法可参考leikoo大佬的https://www.codefather.cn/post/1831983737277050881#heading-1然后看剩余日期是否出现说明SSL部署成功且生效了前端更改生产环境那里需要改成自己的域名然后由于前面开了强制HTTPS,所以这里也要改成https同样的ws这里也需要改成域名不需要加端口号之后正常打包npm run pure-build之后把dist目录里的都上传到宝塔面板把原来的文件覆盖掉优化当然这里可以改成根据环境变量来访问不同的接口新建一个.env文件。然后填写VITE_WS_BASE_URLws://localhost:8123 VITE_API_BASE_URLhttp://localhost:8123然后新建一个测试的一个生产的比如.env.dev、.env.prod,当然我们项目都上线了暂且不像企业那样区分测试环境和生产环境。我以.env.prod为例VITE_WS_BASE_URLws://你的真实域名 VITE_API_BASE_URLhttps://你的真实域名VITE_API_BASE_URL是 https 是因为我强制打开了 https然后代码里改成通过根据不同环境变量去读取constAPI_BASE_URLimport.meta.env.VITE_API_BASE_URL// 创建 Axios 实例constmyAxiosaxios.create({baseURL:API_BASE_URL,timeout:60000,withCredentials:true,// 是否携带凭证})这里提一点可能有人说咋不是process.env.xxx,因为我是 Vite 项目所以是import.meta.xxx对于vue-cli创建的项目是process.env.xxx。更简单一点你看下你项目里是vue.config.js还是vite.config.js,vue.config.js就是process.env.xxxvite.config.js就是import.meta.xxx之后记得把.env.prod加入到.gitignore中别提交到仓库上然后到package.json改下打包命令就改下之前鱼皮写的pure-build的后面添加--mode prod,意思就是打包的时候加载生产环境即.env.prod**注意哦**如果你是.env.producement,那么这里就是--mode producement打包和文件名得对上不然找不到之后我们到控制台输入npm run pure-build来打生产包即可如果你想要测试下或者像企业那样打测试环境的包那我门再添加一条pure-build:dev:vite build --mode dev,之后我们在控制台输入pure-build:dev就意味着打的是测试环境的包了估计有人有个疑问了那本地呢本地打啥包哦我们日常开发前后端联调就是本地没必要真想要本地打包那就本地添加.env.local,同理package.json添加上pure-build:local:vite build --mode local这个打包命令就可以用了。但是企业不一样企业你拉项目可能会看到.env、.env.local、.env.dev、.env.prod甚至还有个uat环境的.env.uat,uat环境一般是指客户公司真正使用的线上环境甲方公司由于有定制的需求跟我们做的产品有些方向略不一样所以就有了这个区分这时候正式环境就是指公司内部研发产品运行的环境后端注意后端并没有需要改的地方只是要注意下数据库以及分库分表的位置localhost是否改成了服务器的ip地址宝塔面板的配置按照之前的即可可以再浏览器输入https://你的域名/api/doc.html访问成功说明没问题最后就可以通过你的域名去访问前端了当你去查看浏览器的时候完整地址也是https然后点击那个锁会显示连接安全毕竟配置了SSL证书如果你的前端是部署在vercel上然后添加了自定义域名(哪怕备案了)虽然能正常访问但还是显示不安全。— 2026年6月更新vercel现在域名会自动帮你配置SSL了无需手动配置了