产品部署

产品部署

  1. 应用打包
    npm run build
    
  2. 目录结构
        根目录
          ├─dist                        编译目录
          │  ├─static                   静态资源
          │  │  ├─css                   样式目录
          │  │  ├─img                   图片目录
          │  │  ├─js                    脚本目录
          │  ├─favicon.ico              应用图标
          │  ├─index.html               应用入口
          │  ├─manifest.webmanifest     PWA配置
          │  ├─sw.js                    PWA清单
          │  ├─workbox-*.js		       PWA脚本
    
  3. 部署到服务端将编译后的 dist 文件按照如下对应关系替换后端文件即可,为确保生效,替换后需清空浏览器缓存。
    前端路径 后端路径
    dist/static/css /public/static/css
    dist/static/img /public/static/img
    dist/static/js /public/static/js
    favicon.ico /public/favicon.ico
    index.html /resources/views/index.blade.php
    manifest.webmanifest /public/manifest.webmanifest
    sw.js /public/sw.js
    workbox-*.js /public/workbox-*.js
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
搜索