vue.js打包记录

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

把 assetsPublicPath: ‘/’,修改为 assetsPublicPath: ‘./’,
第二步:
在这里插入图片描述
在?后面加上’./’+

注意:如果上面两步设置后,点击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
在这里插入图片描述

在次打包。点击index.html 这时候登录页面就出来了
在这里插入图片描述

但是 我图片了 我图片咋不见了。这个时候 就要在设置一下了
在这里插入图片描述
publicPath: ‘…/…/’, 加上它完事!
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值