如何部署安装商城系统PC端?

拿到源码商城系统独立的PC端,如何部署安装,以多商户商城系统 为例步骤如下

一、 先了解目录结构

├─assets 静态资源

├─components 组件目录
│ ├─categoryList.vue 商品分类组件
│ ├─countDown.vue 倒计时组件
│ ├─footers.vue 网站底部组件
│ ├─headers.vue 网站头部组件
│ ├─hotGoods.vue 热销推荐组件
│ ├─login.vue 登录组件

├─layouts
│ ├─default.vue 默认入口文件
│ ├─error.vue 错误捕获组件

├─middleware 中间件

├─mixins
│ ├─SendVerifyCode.js 验证码发送组件

├─pages
│ │ evaluation.vue 商品评价
│ │ goods_cate.vue 商品分类
│ │ goods_list.vue 商品列表
│ │ goods_search.vue 商品搜索
│ │ goods_seckill.vue 秒杀
│ │ index.vue 主页
│ │ login.vue 登录页面
│ │ logistics.vue 物流查询
│ │ merchant_settled.vue 商户入驻
│ │ order_confirm.vue 订单确认
│ │ order_detail.vue 已支付订单详情
│ │ order_stay_detail.vue 代付款订单详情
│ │ payment.vue 支付页面
│ │ refund.vue 申请退款
│ │ refund_confirm.vue 提交退款
│ │ refund_detail.vue 退款详情
│ │ refund_goods.vue 退回商品
│ │ refund_logistics.vue 退款物流
│ │ shopping_cart.vue 购物车
│ │ user.vue 用户中心
│ │ store.vue店铺主页
│ ├─goods_detail 商品详情
│ │ └─_id
│ │ ├─ index.vue
│ ├─goods_seckill_detail 秒杀商品详情
│ │ └─_id
│ │ ├─ index.vue
│ └─user
│ ├─address_list.vue 地址管理
│ ├─balance.vue 资金管理
│ ├─collect.vue 收藏
│ ├─index.vue 个人中心主页
│ ├─my_coupon.vue 优惠券
│ ├─order_list.vue 订单页面
│ ├─refund_select.vue 售后/退款
│ ├─settle_record.vue 入驻记录│
│ └─store
│ category.vue 店铺分类
│ index.vue 店铺首页
│ storeCoupon.vue 店铺优惠券
├─plugins 插件目录
│ ├─ axios.js
│ ├─ debounce.js
│ ├─ element-ui.js
│ ├─ main.js
│ ├─ utils.js
│ ├─vue-clipboard.js
│ ├─ vue-swiper.js
│ ├─ vueqr.js

├─static 静态文件存放处
│ ├─ favicon.ico

├─store vuex目录
│ ├─index.js

└─utils 工具
│ ├─emoji.js

 

二、部署步骤

安装所需依赖

PC完整包中文件为源码包
先解压文件

打包

打包完毕后将目录下的代码复制到后端目录下即可更新 pc 端代码

独立部署

  1. 修改配置文件
    • 在中填写接口地址
    • 修改为

如何部署安装商城系统PC端?
  1. 执行打包命令
  1. 打包完成选择以下文件压缩
    如何部署安装商城系统PC端?

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

如何部署安装商城系统PC端?
5.设置反向代理,代理名称自行填写,目标URL填写 127.0.0.1:10822
端口号为打包时 nuxt.config.js里面的端口号
如何部署安装商城系统PC端?
6.宝塔软件商店安装PM2管理器
如何部署安装商城系统PC端?
7.上传之前压缩的文件到站点目录下进行解压,解压完成打开宝塔终端进入到项目根目录

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

如何部署安装商城系统PC端?
6.浏览器输入域名访问PC页面

   

文章知识点与官方知识档案匹配,可进一步学习相关知识云原生入门技能树首页概览8587 人正在系统学习中

来源:weixin_50185771

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2021年4月25日
下一篇 2021年4月25日

相关推荐