今天新建项目,然后发现路由也改了 app.vue里面也是啥都没有,但是访问http://localhost:8080/#/login 能访问 里面确实空白的错误:错误原因: path: '/
原创
2022-05-26 16:51:23
3009阅读
# iOS Vue 页面空白
在使用Vue开发iOS应用时,有时候会遇到页面空白的情况,即页面没有任何内容显示。这种情况可能是由于各种原因引起的,下面我们来分析一下可能的原因及解决方法。
## 可能的原因
1. **路由配置错误**:检查路由配置是否正确,确保路由指向了正确的组件。
2. **组件未正确加载**:确保组件已经正确引入,并且在路由配置中指定了正确的组件。
3. **数据获取
原创
2024-05-26 04:47:03
157阅读
# Android嵌入Vue页面空白解决方案
作为一名经验丰富的开发者,我将教你如何解决"Android嵌入Vue页面空白"的问题。下面是整个解决方案的步骤概述:
| 步骤 | 描述 |
| --- | --- |
| 步骤一 | 创建一个新的Android项目 |
| 步骤二 | 集成Vue.js到Android项目中 |
| 步骤三 | 创建WebView并加载Vue页面 |
| 步骤四
原创
2024-01-20 08:26:45
298阅读
vue-cli打包到部署到nginx服务器1,我直接npm run build 打包出来,打开dist目录下面的index.html 空白页,页面上出现 no "NODE ENV"是我打包时没有指定打包到哪个环境 正确打包是 npm run build:prod 2.关于vue-router 中mo
转载
2024-07-13 16:35:08
293阅读
原创
2021-08-27 15:39:16
707阅读
首先说一下首页加载为什么会白屏?先说下Spa单页面的加载过程首先就是html,也就是FP阶段<div id="app"></div>
页面在导航后首次呈现出不同于导航前内容的时间点,有一个东西回来渲染在页面上了然后是静态资源css,js,之后解析js,生成HTML,也就是FCP阶段,css,js资源加载下来了,首次的内容绘制,有一个大结构了<div id="app
转载
2023-09-28 15:06:57
201阅读
使用 1.v-touch 实现滑动效果,父级页面滑动,当父级含有子页面需要滑动功能hasClass("sm_img"),需要判断是否继续父级滑动,有的话子页面先滑动,通过upB去判断 if($(imgShowChild[that.childNum]).children().children().hasClass("sm_img")&&that.upB !=3)
2.
在config文件夹下的index.js配置文件里面给路径前面加上 .
原创
2022-03-02 14:42:45
878阅读
背景以前的项目要不是前人搭建的,要不就是从 vue-cli 搭建,然后将一些旧项目公用的代码搬过来,这些操作下来一个小时估计是跑不了的了,所以搭建属于自己的 template 是一件省时省力的事情。本文章不会讲到 vue-cli 的原理和实现,有兴趣的同学可以阅读 从vue-cli源码学习如何写模板,这篇文章写的很好,足够理解 vue-cli 的原理了。如何修改 template 文件首先,需要从
转载
2023-08-24 22:55:23
59阅读
0. 前言 早在 2016 年我就发布过一篇关于在多页面下使用 Webpack + Vue 的配置的文章,当时也是我在做自己一个个人项目时遇到的配置问题,想到别人也可能遇到跟我同样的问题,就把配置的思路分享出来了,传送门在这里。 因为那份配置直到现在还有人在关注,同时最近公司帮助项目升级了 Webp
转载
2019-01-06 16:02:00
105阅读
2评论
vue、vue-Router是用来做单页面应用的,有的时候需要打开新页面用户体验才好,比如(点击图片进入放大模式): 这时候打开新页面浏览这个订单详情很明显比较合适(杠精走开)。 总结了一下,Vue项目使用Vue-router打开新页面的时候一共有如下几种方法,分别适用不同的场景:1.在template中,直接给它加上target='_blank'属性即可,反正最终它也会被解释为一个a标签<
转载
2024-04-19 18:12:59
105阅读
报错如下:Refused to apply style from 'http://127.0.0.1:5500/css/chunk-43aa77e1.33bcbef1.css' because its MIME type ('text/html') is
not a supported stylesheet MIME type, and strict MIME checking is enabl
转载
2021-04-04 22:07:54
3881阅读
2评论
最近无意中看到钉钉这个App,发现联系人详情这个界面的效果还是蛮好看的。正好最近在看Material Design,所以想看看可不可用Android系统原生的来实现这种效果。先看效果图:这是有一个推滑的特效的,在钉钉上有一个头像联动的效果,这个暂时没有实现,有点区别。主要特点: 1.名字大小的缩放 2.圆形头像的固定 3.背景的模糊效果 4.下面详情的推滑效果以上的效果都是用Materia
Loaders cnpm install vue-loader@14 vue-template-compiler --save-dev webpack.config.js module: { rules: [{ test: /\.vue$/, use: ['vue-loader'] }], }, A
转载
2021-07-07 16:44:00
108阅读
Loaders cnpm install vue --save webpack.config.js resolve: { // 解决运行时报错 alias: { 'vue$': 'vue/dist/vue.esm.js' } } 使用 import Vue from "vue";
转载
2021-07-07 14:36:00
61阅读
最近有时间研究了下前端项目如何在nginx服务器下进行部署,折腾了两天总算有所收获,汗~~所以就想着写篇文章来总结一下,主要包括以下三个方面: 1、打包好的vue项目如何进行部署。2、如何反向代理后端服务接口。3、vue项目二级访问目录在nginx下的配置。 说明:nginx服务器的安装及vue项目如何进行打包不在本文的讨论范围,后面的所有实践说明都是基于个人的本地
转载
2024-03-06 13:49:49
768阅读
一、修改 assetsPublicPath 在config/index.js里面,有个 assetsPublicPath 属性,源码是‘/’,修...
转载
2022-03-02 11:59:48
1791阅读
vue的路由是由前端js来控制的,但是,当你刷新浏览器的时候,是向服务器发送请求的一个过程,当访问不到的时候必然会返回404。这个没有好的解决方式!对于 Vue 这类渐进式前端开发框架,为了构建 SPA(单页面应用),需要引入前端路由系统,这也就是 Vue-Router 存在的意义。前端路由的核心,就在于 —— 改变视图的同时不会向后端发出请求。为了达到这一目的,浏览器当前提供
转载
2024-10-15 07:21:29
233阅读
同一文件夹下.vue文件与,.js文件不要重名,否则页面内容会丢失 ps:使用vue-admin-template中遇到的问题,(也不确定不是同一文件夹下能不能同名) ...
转载
2021-10-09 16:39:00
1186阅读
2评论
vue页面刷新首先我们都知道vue属于单页面应用,默认境况下是不会触发刷新页面操作的,所以这个时候就需要我们通过事件来触发reload()来达到刷新操作接下来我就为大家介绍三种刷新页面的方法1.wiindow.location.reload([bForceGet])该方法强迫浏览器刷新当前页面bForceGet 可选参数,默认为false,从客户端缓存里取当前true,则以get方式,从服务器端获
转载
2024-03-17 19:16:11
73阅读