🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## PC模板打包教程 本教程是为了多商户PC模板的打包教程 ### 安装所需依赖 > PC完整包中`pc-src.zip`文件为源码包 > 先解压`pc-src.zip`文件 ~~~ 进入pc源码目录 cd pc-src 安装npm环境 npm install ~~~ ### 打包 ~~~ npm run generate ~~~ 打包完毕后将`dist`目录下的代码复制到后端`public/pc`目录下即可更新 pc 端代码 ### 独立部署 1. 修改`nuxt.config.js`配置文件 - 在`VUE_APP_API_URL`中填写接口地址 - 修改`MODE`为`universal` ![](https://img.kancloud.cn/3a/5f/3a5fdd22ae8c3cc779e168e488d4b402_1466x280.png) 2. 执行打包命令 ~~~ npm run build ~~~ 3. 打包完成选择以下文件压缩 ![](https://img.kancloud.cn/41/56/4156679edfe968fcddedf297726965f0_889x580.png) **服务器配置站点** 4.宝塔添加PC模板站点,FTP和数据库均不需要创建,PHP版本选择纯静态 ![](https://img.kancloud.cn/9b/b8/9bb87aa55455b4f56207baa6d5826662_643x575.png) 5.设置反向代理,代理名称自行填写,目标URL填写 127.0.0.1:10822 端口号为打包时 nuxt.config.js里面的端口号 ![](https://img.kancloud.cn/a4/c4/a4c4a56f46142b052b2bf339cd15a2e8_1213x767.png) 6.宝塔软件商店安装PM2管理器 ![](https://img.kancloud.cn/cc/14/cc14fa563c90b1e4129cafed6ae8faa7_1705x354.png) 7.上传之前压缩的文件到站点目录下进行解压,解压完成打开宝塔终端进入到项目根目录 ~~~ 安装npm环境 npm install 安装完成后设置PM2守护npm进程 pm2 start npm -- start ~~~ 5.出现此画面运行模板成功 ![](https://img.kancloud.cn/fb/f8/fbf8a992026b94d5ab6823a68d019ecc_759x88.png) 6.浏览器输入域名访问PC页面