解决vue.js打包过后点击详情页面在服务器中刷新页面空白

最新推荐文章于 2022-12-09 10:30:00 发布
最新推荐文章于 2022-12-09 10:30:00 发布
阅读量435 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38769583/article/details/110386065
版权

vue

首先展示报错页面
在这里插入图片描述
我们点击进入是正常的,刷新页面就会出这个错,页面空白。
我们解决方式是: 将vue.js 路由router 模式改成 默认, 因为我设置mode的是history就出现这个错,。
初学前端, 如果大家有其他解决方案,可以留言一下

邓小超1
关注
vue项目打包后部署服务器访问页面,Vue项目打包后,部署在服务器,访问页面出现空白一片...
weixin_39768917的博客
08-02 1427
"好一似,食尽鸟投林,只剩下白茫茫大地,倒也真干净!"html''Vue项目打包后,部署在服务器,访问页面出现空白一片, 到也真干净!"vue一. Vue项目打包循序渐进的开发完程序后, 每一个厨艺精湛的程序猿都迫切的想打包部署运行. 可是, 程序猿的世界,不如意的事情,十之九九.nginx运行这个牛X的指令, 并以下图同样,即打包成功了.vue-clinpm run build 二.部署运行将...
解决vue打包后刷新页面报错：Unexpected token
12-12
前言 今天遇到了一个很怪的问题，在vue-cli+webpack的项目中，刷新特定页面后页面会变空白，报错为index.html文件中Unexpected token <。 怪点一是开发环境没有问题，只有生产环境有问题，怪点二是只有一个页面有问题，其他页面完全正常 正文 报错截图： 根据上面的情况和以往经验，应该在index.html页面及发生错误的页面定位问题，但均解决不了问题。 最后找到此项目的路由处，经过多次测试，解决问题，也确定了问题原由，原来是：路由中path的值不能以小写m开头，否则就会报上面的错误。 在此写下报错环境及条件： vue版本：2.5.2 vue-router：3.0
vue打包时页面布局出现混乱
m0_54630400的博客
05-09 4561
vue在未打包之前，本地页面是完美的，但是打包成app时，出现了用户代理样式表，这种的样式不能修改，我就考虑到是用户代理样式表将自己的样式覆盖掉了，还有一个原因是继上一篇文章的错误：，我感觉没有解决根本问题，确实是文件引入的问题，在这里才得以解决。 解决方法： 每个vue组件里的style都要加scoped，main.js中的.css必须放在./App和./router前面，防止css被组件之间重叠 除了上述情况，我的是由于在public文件下的index.html中引入了重置样式表，这会导致用户代
VUE项目打包部署后刷新浏览器不是最新代码
CharisJIM的博客
06-02 3316
VUE项目打包部署后刷新浏览器不是最新代码
vue项目打包之后刷新页面空白解决办法
zuo_zuo_blog的博客
09-26 6052
项目遇到个情况，npm run build打包之后上传到服务器后，正常进入，但是刷新页面就是出现空白页，然后百度找了原因，是路由问题 1.路由模式将histroy改成hash模式，起初 mode:'history’ const router = new Router({ base: '/', mode: 'hash', routes: ROUTES }) 2.那么vue-router的hash...
vue项目打包后显示空白解决方案？
最新发布
DW14687的博客
12-09 8612
目录前言一、页面空白？二、图片加载不出来？总结vue打包后会出现空白页面，这说明配置的时候路径有问题，接下来一起看看如何解决把。页面空白说明打包路径有问题，打开config/index.js，找到build下的assetsPublicPath，修改为'./'，如下：这里说一下，dev环境下 assetsPublicPath: '/'，表示项目根目录，build 环境下的 assetsPublicPath: './'，表示当前更目录配置完后打包发现有页面出现了注意：如果还没有页面出现，那可能是你的路由模式选用
解决vue打包后刷新页面报错：Unexpected token <
10-16
在使用Vue.js框架开发的项目中，打包后的静态文件部署到生产环境中时，遇到了页面刷新后报错“Unexpected token <”的问题。这个问题表明在解析index.html或者发生错误的页面时，解析器遇到了一个不符合预期的字符...
vue+webpack 打包文件 404 页面空白的解决方法
11-30
在使用Vue.js与Webpack构建项目时，我们可能会遇到在打包后遇到404错误和页面空白的问题。这通常是由于浏览器的路由处理方式以及Webpack的配置不当导致的。下面，我们将详细探讨这些问题及其解决方案。 首先，Vue....
Vue下路由History模式打包后页面空白的解决方法
12-09
Vue.js 是一款流行的前端框架，它的路由管理器 Vue Router 提供了两种主要的路由模式：Hash 模式和 History 模式。这两种模式各有优缺点，适用于不同的应用场景。 Hash 模式是 Vue Router 默认采用的方式，它通过 ...
VUE 解决mode为history页面为空白的问题
10-16
然而，启用这一模式后，可能会遇到刷新页面时内容空白的问题，这是因为浏览器在尝试加载实际服务器上不存在的URL资源。以下将详细解释这个问题及其解决方案。 **问题分析：** 当使用`mode: 'history'`时，Vue ...
vue项目打包后打开空白解决办法
热门推荐
王永存
09-22 4万+
vue+webpack+HBulider打包后手机上一片空白解决办法 网上很多说自己的VUE项目通过Webpack打包生成的list文件，放到HBulider打包后，通过手机打开一片空白。这个主要原因是路径的问题。 1、记得改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的，而你的路径不对，打开肯定是空白的。先看
vue 项目部署后 刷新一下 页面找不到 解决
weixin_34138255的博客
07-29 8803
1.修改配置router的参数 (效果不好) 2. (不能解决 出现403) 后端配置例子 Apache <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENA...
vue打包后项目，页面刷新之后一片空白
我的个人博客
11-07 3681
小白：记使用vue遇到的问题及解决办法 vue项目，打包之后页面能正常显示，但是刷新之后页面就一片空白什么都没有，也不报错。所有页面都能正常打开，都是刷新就一片空白。去网上搜索是因为router中的mode的模式问题，因为之前觉得url中的#好看起来不是很好，就想着去掉，没想到项目上线之后刷新页面出现了问题。 因为项目中的mode设置的是history，所以会出现这种情况，默认下是hash模式...
解决关于vue中刷新页面会报错问题
qq_45094682的博客
09-28 2112
先看图说话，vue报错 Refused to apply style from ‘http://xxxstatic/css/chunk-elementUI.ded27da0.css’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled. GET http://192.168.xxx/static/js/app.d42ea2ce.js n
单页面模式路由刷新404问题
u013234218的博客
04-14 7562
自己开发中遇见单页面模式在路由上面刷新页面丢失找不到页面问题，在网上找了些资料然后在这里来总结一下。
关于vue项目部署到服务器页面刷新会出错（页面报错：500 Internal Server Error）
Namaste_的博客
08-30 1万+
废话少说先上错误图片： 首先分析一下出现这个错误的原因是前端项目路由配置的时候路由的用了history模式(mode: ‘history’)；用这种模式的好处是让我们的URL看起来不像hash那么丑（url中会有#），大家应该都懂，这里就不用多详细介绍了，不过这种模式（history）要玩好，还需要后台配置支持。因为我们的应用是个单页客户端应用，如果后台没有正确的配置，就会返回404，对于后端配...
解决vue打包后刷新问题
a1053904672的博客
04-12 2442
问题描述： 以vue打包后运行再django后端为例， 当部署再django后端口，正常访问网页没问你，从页面中跳转也没问题，但是当跳转到非入口页面后，如果此时刷新页面就会报错，说页面路由不存在； 解决办法：由于vue打包后只有一个文件，所以在这个页面每次访问时通过js动态获取当前url，然后从url中分割出来具体的路径，之后通过vue中的app.$router.push(path)跳转到相应的页面即可； 具体实施： 首先再vue项目中的main.js中加入一下代码： var url = win
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值