{{userInfo.nickname}}
用户设置 退出登录

{{wikiTitle}}

打包教程

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中填写接口地址
    • 修改MODEuniversal

  1. 执行打包命令
    npm run build
    
  2. 打包完成选择以下文件压缩

服务器配置站点
4.宝塔添加PC模板站点,FTP和数据库均不需要创建,PHP版本选择纯静态

5.设置反向代理,代理名称自行填写,目标URL填写 127.0.0.1:10822
端口号为打包时 nuxt.config.js里面的端口号

6.宝塔软件商店安装PM2管理器

7.上传之前压缩的文件到站点目录下进行解压,解压完成打开宝塔终端进入到项目根目录

安装npm环境
npm install
安装完成后设置PM2守护npm进程
pm2 start npm -- start

5.出现此画面运行模板成功

6.浏览器输入域名访问PC页面

{{cateWiki.like_num}}人点赞
0人点赞
评论({{cateWiki.comment_num}}) {{commentWhere.order ? '评论从旧到新':'评论从新到旧'}} {{cateWiki.page_view_num}}人看过该文档
评论(0) {{commentWhere.order ? '评论从旧到新':'评论从新到旧'}} 440人看过该文档
评论
{{item.user ? item.user.nickname : ''}} (自评)
{{item.content}}
{{item.create_time}} 删除
{{item.like ? item.like.like_num : 0}} {{replyIndex == index ? '取消回复' : '回复'}}
评论
{{items.user ? items.user.nickname : '暂无昵称'}} (自评)
{{items.content}}
{{items.create_time}} 删除
{{items.like ? items.like.like_num : 0}} {{replyIndexJ == (index+'|'+indexJ) ? '取消回复' : '回复'}}
评论
目录
  • {{item}}