编译admin管理端

1、通过 webstorm 打开项目

打开 web\admin 项目

2、安装依赖

通过执行 如下命令安装依赖，如果安装的速度较慢，可以尝试设置中国镜像

npm install

3、配置接口地址

打开 .env.production 文件，配置接口地址

# 生产环境
# 注意：Vite 不支持在 .env 文件中设置 NODE_ENV，它会自动设置

# 标题
VITE_APP_TITLE = SparkShop

# 接口地址
VITE_APP_API_BASEURL = http://127.0.0.1:8218

比如你的admin 接口地址是 https://admin-api.shop.com , 则 VITE_APP_API_BASEURL 配置成该地址即可

4、编译打包

通过执行如下的命令进行项目的打包

npm run build

5、上传部署打包文件

打包好的文件在 admin\dist 下则是编译的文件 比如你给admin 准备的域名是 https://admin.shop.com，在宝塔上新建一个站点，admin.shop.com,把编译的文件放进去

DANGER

如果你在编译的时候忘记修接口地址了，或者你接口地址域名发生了更改，也无需重新打开。dist/config.js 你修改这个文件下的 API_URL 也可以

6、访问后台

在浏览器输入地址 https://admin.shop.com, 默认的账号是 admin 密码是 admin