vue.js打包记录

  1. 打包命令
    npm run build
    vue.js打包记录
    这时候看文件目录 你会找到dist这个目录
    vue.js打包记录
    vue.js打包记录
    点击index.html就可以看到页面了
    vue.js打包记录
  2. 可能会遇到的问题
    2.1 空白页问题
    具体描述:点击index.html.出现空白页,按F12 报错信息Failed to load resource: net::ERR_FILE_NOT_FOUND 样式找不到
    解决办法:
    第一步:vue.js打包记录

把 assetsPublicPath: ‘/’,修改为 assetsPublicPath: ‘./’,
第二步:
vue.js打包记录
在?后面加上’./’+

注意:如果上面两步设置后,点击index.html 出现当前目录文件的话 你一定要注释掉
// mode: ‘history’,
如果你想配置mode的话 请看这个贴https://www.cnblogs.com/wanf/p/7871787.html
如果想看结果的话看这个连接https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E5%90%8E%E7%AB%AF%E9%85%8D%E7%BD%AE%E4%BE%8B%E5%AD%90
vue.js打包记录

在次打包。点击index.html 这时候登录页面就出来了
vue.js打包记录

但是 我图片了 我图片咋不见了。这个时候 就要在设置一下了
vue.js打包记录
publicPath: ‘…/…/’, 加上它完事!
vue.js打包记录