在根目录建两个环境变量配置文件 参考vite文档
.env.development 开发环境走的地址
VITE_APP_BASE_API='/api'
.env.production 生产环境走的地址
VITE_APP_BASE_API='xxxxx' // 填域名地址
根据vite.config.js即可
测试配置成不成功
在App.vue中
这里打印一下
打印成功
打包前要更改下baseURl
上传图片也修改下 将/api去掉加入前缀 import.meta.env.VITE_APP_BASE_API
ok后 测试下能不能正常运行后 打包
npm run build
在宝塔控制面板中添加自己购买的域名
加上端口 方便部署多个项目 这样写可以一个ip设置不同端口对应不同项目 第一个域名随便写
之后删除即可
访问端口成功
将dist打包成压缩包 上传
ok
设置目录
部署成功
