vue打包好遇到的问题记录

我是用HBuilder打包好,转成app的,

遇到如下问题

1:打开手机基座,空白页

解决方法:assetsPublicPath: ‘./’,改这个就可以了,在config/index.js中,build:{assetsPublicPath:.'/'},是改build中的,不要改dev中,index.js中有两个assetsPublicPath

如图改build中的

2:背景图片加载出错,不显示,其实是路径错误

因为打包后生成的是dist文件夹 文件夹中是static文件夹和index.html static文件夹中包含css fonts img js等文件夹 我们写好的css内容在css文件夹中的app.css中 要访问的图片内容在img下 所以要../../才可以访问到 

在build/utils.js中添加 publicPath:'../../'

3.动态绑定src 应使用require方式引入

动态引入img


运用方法引入img

4.使用iview,npm run build打包后,总会出现找不到woff字体等情况。在build文件夹下的webpack.prod.conf.js文件中 将extract改为false 就可以了

这个是摘录别人的,目前我还没用过

5.使用iview时,有些样式我们要自己修改成我们想要的 直接复制出来 新建个style标签在里面修改 在dev下访问正常 npm run build下就出现问题 这个多数是嵌套问题

你可能感兴趣的:(vue打包好遇到的问题记录)