vue新增一些功能页面，打开一片空白，要如何处理

最新推荐文章于 2024-07-22 10:34:36 发布
最新推荐文章于 2024-07-22 10:34:36 发布
阅读量1.6k 收藏 2
点赞数
分类专栏： Vue 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hnhdl/article/details/122326877
版权

场景：windows下运行vue，新增一些功能页面，打开一片空白。

要如何处理？面对空白，一时竟找不到原因。通过一番跟踪查询，分析出vue的运行原理，下面总结一下管理后台新增功能的一般流程：

1、权限表

增加标由管理的路由的路径，标书列表，标书审核

2、新增vue的页面

assets\js\componets\view下面找到文件目录，新增bidList.vue

3、路由也要新增

assets\js\componets\router\index.js

4、DOS下运行watch查看vue的效果

cmd进入DOS

cd d:\www\project && d: && npm run watch，进入项目目录，运行vue的调试模式，启动服务可以实时监听

5、清空浏览器的缓存

至此，后台刷新页面就可以看到效果了，^_^

hnhdl
关注
专栏目录
关于vue3.0编译后显示空白页的问题
吴文静的博客
06-17 3759
先说一下我遇到的问题 我用的vue3.0搭建的项目，本来项目前期开发好好的。也能正常serve。但是项目要上线的时候，build过后，运行本地的dist里面的index，显示空白页面，而且还报错，错误的原因是我根本没把资源文件加载成功。 报错如下，并且好好的项目，怎么都不能运行 于是乎，我开始在网上各种搜索，寻求解决方法。但是有没有用，整到快下午的时候。发现其实是自己vue.config.js里面的module.exports = {}配置根本没有任何作用。我有开始用console.log(“开始打包”)
vue - vue基础/vue核心内容
m0_56069948的博客
05-02 471
🚀 优质资源分享 🚀 学习路线指引（点击解锁） 知识定位 人群定位 🧡 Python实战微信订餐小程序 🧡 进阶级 本课程是python flask+微信小程序的完美结合，从项目搭建到腾讯云部署上线，打造一个全栈订餐系统。 💛Python量化交易实战💛 入门级 手把手带你打造一个易扩展、更安全、效率更高的量化交易系统 终于算是顺利进入vue了，确实也只有学了过后才知道，之前三过vue而不学，确实是对的，现在进来了一点都不后悔，ajax、node.js、promise、webpack、
打开Vue新增页面为空白页
Hkemp的博客
04-12 1426
打开Vue新增页面为空白页 1.确保配置好新页面的路径并Import 了新增页面 2.确定配置的路径没有打错，一定要注意图里的path和上图的相对应，否则打开的页面地址没有相应的后缀且为空白页。
解决新增的vue页面不能通过router-view显示出来的问题
l_iu11的博客
03-01 1561
创建了一个vue新项目，TestView.vue是我新增的，其它是通过脚手架创建自动生的。TestVIew页面配置了路由，但是页面跳转的时候渲染不出来，不清楚是什么原因。TestHello // 要被引用一下否则会报错。msg: "hello 这是主页",hello 这是主页{{ msg }}求教呀~~~~~，请问有人知道为什么吗？最后testview就是不展示。
vue问题：已经配置router，但是无法访问页面
最新发布
唯有热爱 可抵万难
07-22 274
配置后，页面无法正常访问，访问后为空白，但是如果在APP.vue里面添加内容时是可以正常显示的。
vue新增页面访问空白的问题如何处理？
09-03 1150
最近维护一个系统，根据项目的发展需要新增一个供应商列表和审核的功能，需要新增管理页面 后台接口我弄好了。 前端的vue页面也新增了，访问的时候出现空白，这是什么情况？？？ 还好可以依葫芦画瓢。摸清了门路，主要是因为vue的路由没有设置，把新增的页面名称加入路由就搞定了。以下2步搞定。 找到resource\assets\js\components\admin\router\index.js文件 1、添加 const supplyCompanyList = r => require.ensu
vue框架开发出现页面空白、白屏的解决方法总汇
kjnsfijglqj的博客
11-22 8893
转载自http://www.fly63.com/article/detial/287 1.npm run build打包页面空白 我们会发现页面head中引用的js和css文件是出现了路径错误，这里修改如下： 解决位置：config/index.js文件：把assetsPublicPath: '/'改为assetsPublicPath: './' build: { assetsP...
vue 新建页面和路径后，提示无权限访问,解决办法 退出重新登录
lvdouyatou的博客
05-27 1243
vue 新建页面和路径后，提示无权限访问 路径 文件 test.vue文件 排查了好久没有解决，最后，在页面退出、重新登录后，就可以访问了
vue项目出现此地址，但是访问时显示，嗯… 无法访问此页面localhost 已拒绝连接
m0_65380423的博客
01-08 8099
vue项目能运行出现地址，但是访问时显示，嗯… 无法访问此页面localhost 已拒绝连接
vite3+vue3 项目打包优化
前端知识分享喵
05-16 2120
现在很多小伙伴都已经使用 Vite + Vue3 开发项目了，如果你是 “前端架构师” 或者是 “团队核心” 的话，不得不可考虑的一个问题就是性能优化。本篇文章主要讲述的是生产环境下 Vite + Vue3 打包优化。
手摸手带你用实现vue全屏loading插件
sdasadasds的博客
06-15 1718
由于我们打开网页时，浏览器与服务器交互需要时间，受限于宽带以及服务器性能，导致用户在访问一个网页时，往往需要一个等待期，才能在浏览器中真正完全展示出网页内容。在网页加载过程中网页就是一片空白，对于我们用户而言，我们看到一片空白，还以为网站 “挂掉了”，就很忧伤！！当然了，我们针对这个问题，各大网站都有自己的解决方案。有的网站会用骨架屏。比如掘金:利用骨架屏，给用户提醒，网站内容马上呈现给您，不要着急!有的网站会选择在数据出来之前 定义一个全屏的loading，提供用于网站正在加载比如：网站在加载时以及网站刷
Vue 2.x脱坑记 - 查漏补缺(汇总下群里高频询问的xxx及给出不靠谱的解决方案)
热门推荐
CRPER
11-07 1万+
前言文章内容覆盖范围,芝麻绿豆的破问题都有,不止于vue; 给出的是方案,但不是手把手一字一句的给你说十万个为什么!有三类人不适合此篇文章: “喜欢站在道德制高点的圣母婊” – 适合去教堂 “无理取闹的键盘侠” – 国际新闻版块欢迎你去 “有一定基础但又喜欢逼逼的人” 得得得,老子知道你厉害了,你好牛逼,这些问题那么简单,都是小白看的 这种傻瓜文,简直浪费老子的时间! 对于以上三类人,走吧,这里
Hbuilder创建vue找不到页面数据
weixin_44311665的博客
07-03 548
缺少vue的js 创建vue千万别忘记引入vue的js <script src="https://unpkg.com/vue/dist/vue.js"></script>
vue项目加上路由组件页面不显示
weixin_61286286的博客
05-01 4396
注意：切记已经要export default router导出，不然在下面main.js中配置是import导入会找不到index.js这个文件。查看项目文件中package.json(或package-lock.json)中vue-router依赖是否成功添加。这个问题的主要还是路由没有配置好，导致App.vue文件无法显示，下面是。配置路由表index.js。
vue2 vue-router 不显示页面问题
LlanyW的专栏
10-30 1万+
最后发现是vue-router版本的问题,最新的版本是4.x.x ， 使用cnpm install vue-router -S， 时默认安装了最新。我的项目的问题是，版本不兼容，环境配置不对。在项目配置的时候，默认 npm 包导出的是运行时构建，即 runtime 版本，不支持编译 template 模板。vue 在初始化项目配置的时候，有两个运行环境配置的版本：Compiler 版本、Runtime 版本。首先去看了是否是vue-router引用的问题,排除掉引用问题之后,网上冲浪找了不少方法,
Vue设置路由后页面仍不显示为空白
qq_43840793的博客
03-31 1万+
问题现象 设置了路由，新增的页面的页面依然显示空白，没有任何报错。 问题原因与解决办法 出现这个问题只能说明路径或配置写错了。 第一步：检查配置：router/index.js中的routes不要写成routers,就是要少一个r。 第二步：检查页面路径是否写错。我这个是@/page/login，就不能写成@/src/page/login @/router也不要写错 反思 最近出现了很多错误都是字母大小写的问题，对于外部的配置或api一定要注意。同时，要记录一下日常错误，因为以前出错的问题解决了，现在
vue页面不显示
weixin_48927323的博客
05-25 5119
-某个页面东西忘记了没写完......--哪里挂载vue上的什么东西干扰到。--检查路由配置，书写书否规范正确。页面死活不显示以及不报任何错误。--查找是否有中文路径。2.不要使用中文路径。
解决若依Vue3前后端分离添加动态路由切换菜单页面不显示(空白页面)问题
m0_72837519的博客
07-27 4770
在/layout/components/AppMain.vue找到AppMain.vue文件,添加以下代码即可。今天在做公司新项目时遇到一个问题,在使用若依vue3版本时遇到了添加动态路由页面有时候不显示的问题,在这里添加后,刷新页面也没有显示。最终发现是因为需要给router-view加一个key标志。
vue npm run build打包之后项目打开一片空白
05-12
如果你在运行 `npm run build` 后，打开项目出现了一片空白的情况，可能有以下几种原因： 1. 路径问题：你的网站文件引用了打包后的文件，但是文件的路径不正确。检查一下你的文件引用路径是否正确。 2. 缺少依赖...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值