第一种:由于把路由模式mode设置成history了,默认是hash. 解决方法:路由里边router/index.js路由配置里边默认模式是hash,如果你改成了history模式的话,打开也会是一片空白.所以改为hash或者直接把模式配置删除,让它默认的就行 .如果非要使用history模式的话,需要你在服务端加一个覆盖所有的情况的候选资源:如果URL匹配不到任何静态资源,则应该返回一个index.html,这个页面就是你app依赖页面. 第二种:打包后的dist目录下的文件引用路径不对,会

本地的vue项目在server端浏览没问题,但是执行npm run build 打包之后在本地预览是白屏. 解决方法 1.路径问题 在config文件夹中找到index.js打开把assetsPublicPath: '/'改成assetsPublicPath: './' 2.路由问题 router.js中 注释 // mode: 'history', // 默认hash src里边router/index.js路由配置里边默认模式是hash,如果是history模式,打开会出现空白页.所以mod

本地已经有一个项目了,需要将该项目放到github上,怎么操作? 步骤: 本地安装git,有github账号是前提. (1)先在github创建一个空的仓库,并复制链接地址.使用https,以.git结尾的那个地址. (2)初始化本地仓库,并提交内容到本地 要先打开命令行终端,然后通过cd命令切换到需要添加到github的项目的目录下,然后依次执行如下命令,具体命令及其含义如下: touch README.md --创建说明文档 git init --初始化本地仓库 git add . --添加

首先打包你的 vue 项目 生成 dist 文件夹,教程请移步  https://www.cnblogs.com/taohuaya/p/10256670.html 看完上面的教程,请确保 你是 将: 项目目录下的config文件夹里的index.js文件中,将build对象下的assetsPublicPath中的“/”,改为“./”后,打包生成的 dist 文件. 开始使用 HBuiderX 打包.(工具下载地址:http://www.dcloud.io/) 这是我vue 项目打包后的dist 

一.准备开发工具 开发工具:HBuilderX 官网地址:http://www.dcloud.io (标准版需要自己安装插件,app开发版已经把app开发常用的插件安装好了,开箱即用,建议使用开发版) 二.打包生成一个vue项目 就拿手头上一个vue项目进行打包,vue项目预览如下: 打包生成的项目结构: 三.创建HBuilder的app项目 (请先注册HBuilde账号并登录,打包的时候需要登录,并获取应用识别AppID) 创建完后会看到以下结构: 其中css.img.js文件夹换成打包后的s

忽然知道自己写的项目效果可以放到网上让别人看到之后,就已经迫不及待了.不墨迹,先去了解GitHub得知,它很强(牛逼),我理解的是这是一个托管平台,可以把自己本地的项目通过git放到上面,你需要新建一个库,这个库就是总库,别人可以通过git把你的项目clone到本地,进行操作,也可以把修改的代码push上去.也可以生成一个访问地址,访问这个地址看效果,总之很好. 但是真正操作起来对于我这样的新手来说还是很尴尬的,一顿操作之后什么也没出来(当时是看着一些前辈的文档操作的),很奇怪每个人写的都不一样

本文目的有两个,一.废掉单图上传,二.改造多图上传 大家都知道百度ueditor不是针对vue项目开发的,官方文档提供的源码包里有需要后端配置的接口,but到vue项目就不太好办了,网上有些文章也介绍了如何把这个编辑器整合到vue项目中去,但涉及到图片上传的部分都没用,ueditor.config.js中有个serverUrl配置项,作用就是设置图片上传接口,把后端给的接口填进去,结果是单图无法上传,多图可以上传,这里就是对单图和多图上传进行修改. 一.废掉单图上传 打开ueditor.all.

前言 作为一个网站应用,加载速度是非常重要的.加载速度,一个是程序的合理安排,如以组件按需加载,一个是js.css等资源的异步加载. 在Vue项目中,引入到工程中的所有js.css文件,编译时都会被打包进vendor.js,浏览器在加载该文件之后才能开始显示首屏.若是引入的库众多,那么vendor.js文件体积将会相当的大,影响首开的体验. 解决方法是,将引用的外部js.css文件剥离开来,不编译到vendor.js中,而是用资源的形式引用,这样浏览器可以使用多个线程异步将vendor.js.外

在做搜芽的过程中,发现那个外包人缘做的不行,由于启动的时候会停顿,然后白屏一会,联想到几个月前我在我的三僚企业通信软件里面拉起9K-Mail的时候也会黑屏,所以决定学习一下.解决一下.这不,万能的网络还是很实用的. 在这里总结一下. (參考及转载:http://www.2cto.com/kf/201409/339293.html) 欢迎页启动的线程由于请求和处理的数据量过大而,导致欢迎页在出现之前界面上会有一个短暂的白色闪屏停留.当然白色闪屏的停留是由于 application 的主题样式and

闪屏页简介 闪屏页,我们手机上的每个 APP 几乎都有自己的闪屏页,就是在真正进入程序前,会有一个页面停顿几秒钟.其实我们完全可以充分利用好这几秒钟做很多的程序初始化了启动. 为什么我的 APP 启动会白屏或者黑屏 有时候我们会发现,我们在启动我们自己的 APP 的时候,总是有那么点时间是白屏(黑屏),经过了白屏(黑屏)后才会进入我们的 APP.那么这是为什么呢? 模拟效果 下面我们模拟一下白屏的效果 可以看到打开 APP 的时候会有白屏的现象出现,当然我的这个演示 APP 程序没有那么复杂,因

Unity5+Vuforia+Network本地联机,在Android下点击联机,然后识别模型就出现白屏,点击屏幕上相应位置的按钮(已白屏,但点击该看不见的按钮)还是能起作用,如跳转到其他场景正常. 在Player Settings=>Other Settings=>Rendering Path 设置为Legacy Vertex Lit 如下图:

一.方案一 在build文件的webpack.prod.conf.js文件添加以下代码 new UglifyJsPlugin({ uglifyOptions: { compress: { warnings: false }, //处理I0S10白屏 mangle: { safari10: true }, }, sourceMap: config.build.productionSourceMap, parallel: true }), 二.方案二 解决位置:config/index.js 文件:

做的项目打包成APP在IOS 上有延迟问题,在安卓下却不会,联想到之前 用IONIC时打包的APP也是 在IOS下有300毫秒延迟问题.所以 只能 认吧. 安装fastclick 插件: npm install fastclick --save-dev 在所需的页面上引入 import FastClick from "fastclick"; 在相对应的页面mouned里面调用 mounted() { FastClick.attach(document.body); } 其实放在公用的路

有一移动端项目,使用的vant-ui.可是vant自带的Uploader似乎不支持一次选择多张图片上传的功能. 于是乎:在https://www.npmjs.com/查找发现找到 vue-upload-component 组件,功能基本都有,评价也不错,目前有1500多个star. 因为是国人开发的,所有比较完善的中文文档. 完整的例子. 使用: 1.安装: npm install vue-upload-component --save 2.在main.js中全局引入 const VueUplo

项目使用VUE编写,UI是ElementUI,但是Element的Upload组件是不兼容IE9的.因为IE9中无法使用FormData. 查找资料基本有两种解决方法:1.引入JQuery和jQuery.form.2.使用vue-upload-component 1.jQuery.form 插件提供ajaxSubmit和ajaxForm两种表单提交方式,注意:不要对同一个表单同时使用两种方式. ajaxSubmit是jQuery表单插件核心函数.非常灵活,因为它依赖于事件机制,只要有事件触发就能

1.背景 由于Vue所生成的项目叫做单页应用,即SPA,如果还是使用jQuery中的go(-)或back()是行不通的,所以,我们使用到了Vue中的编程式导航. 2.基本使用 定义返回按钮: <el-button type="primary" plain @click="returnPage">{{$t('message.test.return')}}</el-button> 在methods中定义方法: /** * [returnPage

最近自己在研究vue,然后做了一个小型的后台管理系统用来练手,开发过程中,想到了剪切图片上传用户头像的需求.上网百度了一番,发现好多用的都是vue-cropper.我也就用了,个人感觉还是挺好用的.现在在这里用一个简单的小demo演示一下vue-cropper的使用方法. 其中上传用户头像的接口是java写的,感兴趣的话可以参考我的2017年12月2号的博客:前后端分离跨服务器文件上传-Java SpringMVC版 1.安装vue-cropper 使用npm本地安装vue-cropper np

veu-cli自动生成的项目中,index.html中meta 标签内容如下,放在手机上浏览 是可以放大缩小的<meta name="viewport" content="width=device-width,initial-scale=1.0"> ----------尬-----------那怎么办呢?----------将meta标签修改为如下, <meta content="width=device-width, initial-s

注意:安装目录不要以中文命名 1.安装cordova :npm install -g cordova 2.安装java jdk :配置环境变量: 1.系统变量:名:JAVA_HOME    值:C:\Program Files\Java\jdk1.8.0_31 2.在Path中添加:%JAVA_HOME%\bin; 3.安装ANT : 1.添加系统变量:名:C:\WorkTools\apache-ant-1.9.4 2.Path中添加:%ANT_HOME%\bin\ 4.安装:Android S

tp5在Nginx上不适用pathinfo格式的url,在项目的Nginx配置文件里找到include enable-php.conf 改为 include enable-php-pathinfo.cof ,然后就可以了 第一步:打开nginx配置文件 /usr/local/nginx/conf/nignx.conf第二部:找到 include enable-php.conf;第三部:将其修改成 include enable-php-pathinfo.conf;第四部:保存并重启nginx 命令