今天新建项目,然后发现路由也改了  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
首先说一下首页加载为什么会白屏?先说下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阅读
实现“ace build apk空白”流程及代码解释 ## 流程图 ```mermaid journey title 实现“ace build apk空白”流程 section 开发环境准备 开始 --> 安装 Node.js 安装 Node.js --> 配置 npm 配置 npm --> 安装 HBuilderX
原创 2024-01-09 19:48:42
35阅读
vuevue-Router是用来做单页面应用的,有的时候需要打开新页面用户体验才好,比如(点击图片进入放大模式): 这时候打开新页面浏览这个订单详情很明显比较合适(杠精走开)。 总结了一下,Vue项目使用Vue-router打开新页面的时候一共有如下几种方法,分别适用不同的场景:1.在template中,直接给它加上target='_blank'属性即可,反正最终它也会被解释为一个a标签<
报错如下: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
vue
转载 2021-04-04 22:07:54
3881阅读
2评论
最近无意中看到钉钉这个App,发现联系人详情这个界面的效果还是蛮好看的。正好最近在看Material Design,所以想看看可不可用Android系统原生的来实现这种效果。先看效果图:这是有一个推滑的特效的,在钉钉上有一个头像联动的效果,这个暂时没有实现,有点区别。主要特点: 1.名字大小的缩放 2.圆形头像的固定 3.背景的模糊效果 4.下面详情的推滑效果以上的效果都是用Materia
页面切换我做的后台页面较少,所以不需要用到路由1.登录后切换到老师或者学生的页面,通过is_admin来判断登录的是老师还是学生data(){ return{ login:false } }<Author v-if="!login"></Author> <div v-else> 学生或者老师的页面
转载 2024-02-20 20:57:53
0阅读
 最近有时间研究了下前端项目如何在nginx服务器下进行部署,折腾了两天总算有所收获,汗~~所以就想着写篇文章来总结一下,主要包括以下三个方面: 1、打包好的vue项目如何进行部署。2、如何反向代理后端服务接口。3、vue项目二级访问目录在nginx下的配置。 说明:nginx服务器的安装及vue项目如何进行打包不在本文的讨论范围,后面的所有实践说明都是基于个人的本地
一、修改 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方式,从服务器端获
背景在项目部署时,我们需要在测试环境和生产环境使用不同的变量。vue-cli提供了vue-cli-service build打包命令,然而vue-cli-service build默认的环境变量值则为production。那我们通过npm run build打包构建,想要实现不同环境使用不同变量,暂时不能实现。vue-cli-service介绍vue-cli-service介绍 vue-cli生成
# Vue iOS 空白问题解决方案 ## 引言 在开发移动应用程序时,我们经常会遇到各种各样的问题。其中一个常见的问题是 Vue 在 iOS 设备上呈现空白页面的情况。这个问题可能会给开发者带来困惑,因为在其他设备上,页面可能正常显示。本文将介绍这个问题的原因,并提供一种解决方案。 ## 问题描述 当我们在 iOS 设备上使用 Vue 开发应用程序时,有时页面会呈现为空白。这意味着页面
原创 2023-12-13 12:57:42
137阅读
Vue: Electron打包Vue项目后,首界面空白这个问题呢,是在开发到最后,准备 push 项目到 github 时出现的问题。当我用 npm run electron:build 打包项目后,再次安装打开项目,发现首页空白。更奇怪的现象是,当我 使用 npm run electron:serve 时,界面却可以正常显示,并且一切正常!此时,回头查看了一下项目的路由 router ,可能影响到Electron打包的几个路由,都在这里:我将 path: * 如下图所示,取消注释后,n
原创 2021-09-01 18:43:45
9356阅读
  • 1
  • 2
  • 3
  • 4
  • 5