vue.js打包记录
- 打包命令
npm run build
这时候看文件目录 你会找到dist这个目录
点击index.html就可以看到页面了
- 可能会遇到的问题
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: ‘…/…/’, 加上它完事!