美文网首页VueJS
vue打包好遇到的问题记录

vue打包好遇到的问题记录

作者: Clover园 | 来源:发表于2019-01-24 16:07 被阅读28次

我是用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打包好遇到的问题记录

    我是用HBuilder打包好,转成app的, 遇到如下问题1:打开手机基座,空白页解决方法:assetsPubli...

  • vue (记录遇到的问题)

    切换路由后滚动条位置不在顶部 不生效的情况下 监听路由切换设置#app 距离顶部的位置 this 不指向vue的时...

  • Vue开发知识

    主要记录一些Vue开发过程中遇到的问题

  • Vue填坑记录

    记录使用Vue 2.6.11过程中遇到的一些问题及其解决办法 vue和vue-template-compile的版...

  • Vue-cli 踩坑

    记录Vue-cli时遇到的问题,方便大家寻找 搭建 如果遇到网络问题使用阿里镜像 npm config set r...

  • vue spa预渲染

    本文主要用于记录在单页面SEO优化中遇到的问题 技术栈:vue-cli webpack vue-meta-info...

  • vue-fullpage.js 运行报错

    记录使用vue-fullpage.js遇到的问题。 github地址:https://github.com/alv...

  • vite + vue3多页面配置记录references,loa

    目的:使用vite创建vue3项目记录细节点 上篇vue2/vue3 + webpack多页面遇到的问题和思考[h...

  • Vue项目搭配xcode

    如何将打包好的Vue项目使用xcode提交到AppStore 1 、首先将打包好的Vue项目下的 dist文件复制...

  • Element UI 按需引入

    之前遇到过这个问题,参考了一些别人的博客之后,解决了。记录一下解决过程 环境@vue/cli 4.2.3 vue ...

网友评论

    本文标题:vue打包好遇到的问题记录

    本文链接:https://www.haomeiwen.com/subject/xdtujqtx.html