vue利用hbuilder打包，路由页面不显示等问题

最新推荐文章于 2023-03-08 11:54:47 发布
原创 最新推荐文章于 2023-03-08 11:54:47 发布 · 3.2k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

博客指出路由页面不显示主要是路径配置问题，针对不同框架，作者主要修改了几处：重新设置main.js里的路径，配置webpack出口路径，以及修改main.js中的mode。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

路由页面不显示，主要还是路径配置的不对，每个人的框架不一样我这边主要改了几个地方：
1.main.js里面的路径重新设置一下
这里写图片描述

  1. webpack配置信息的内容，出口路劲配置
    这里写图片描述

3.main.js中的mode
这里写图片描述

uniapp-在HBuilder里修改完保存，运行到浏览器内容显示正常，运行到小程序内容不显示
galler_ayue的博客
10-20 3113
uniapp-在HBuilder里修改完保存，运行到浏览器内容显示正常，运行到小程序内容不显示uniapp问题解决办法微信开发者工具显示效果 uniapp uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝）、快应用等多个平台。 问题 浏览器显示正常 小程序内容不显示 小程序控制台显示 解决办法 在HBuilder里设置微信小程序AppID AppID
利用HBuilder打包前端开发webapp为apk的方法
11-30
这包括编写Vue组件、定义路由（如果需要）、实现业务逻辑以及处理用户交互等。 第四步，完成开发后，需要对项目进行线上发布前的配置。这可能涉及修改`vue.config.js`文件，设置生产环境的API地址、启用压缩、优化...
Hbulider打包app vue项目iconfont空白
王永存
11-02 1115
vue写的一个项目用Hbulider打包后，发现iconfont字体图标一个也没显示。 我是引用的cdn。如果直接下载下来放到项目里应该就不会出现这个问题了。阿里iconfont提供的cdn没有加上http/https协议。 所以，cdn上加上http/https协议即可。  ...
关于build 打包，路由内组件不显示问题
a476613958的博客
04-13 248
关于build 打包，路由内组件不显示问题 *关于build 打包，路由内组件不显示问题 删除路由中 mode: 'history' 此行代码
使用hbuilder将vue-cli打包后的网站转成webapp返回按钮无效等问题处理
骑着代码去流浪
11-18 873
分为两种情况进入app需要登录和进入app不需要登录 1，不需要登录 只需在打包配置文件sitemap.json添加配置easyConfig配置 "pages": [ { "webviewId": "__W2A__xxxx.com", "matchUrls": [ {"pathname":"http://xxxx.com"} //首页 ]...
Hbuilder X 无法预览静态html 显示404
KLW75
10-12 4075
1、检查你的项目名称，如果是中文名称，修改成英文的项目名。 基本上这样操作就可以了。如果无效可以尝试修改 server.js 2、修改server.js方法 见博客 https://blog.youkuaiyun.com/qq_36667170/article/details/105033586 ...
Vue项目HBuilder打包成APP全攻略及常见问题解决
2. **页面跳转问题**：遇到`Loadingchunk2failed`等错误时，原因是使用了`history`路由配置，对于HBuilder打包，需要将`router.mode`改为`hash`来处理。同时，为了处理手机物理返回键，可以引入MUI库并按照提供的...
Vue项目使用Hbuilder打包APP全攻略：避坑指南
Vue项目利用Hbuilder打包APP的流程大致如下： 1. **打包项目** 在这个过程中，可能会遇到一些问题，例如： - **白屏问题**：这通常是由于路径配置不正确导致的。解决方法是检查并修改`config/index.js`中的打包...
关于Vue刷新后丢失动态路由
gao_wg的博客
11-21 8852
页面刷新，动态路由丢失
vue3 动态添加路由刷新后页面丢失(白屏)问题
qq_45736656的博客
03-08 5633
vue3 动态添加路由刷新后页面丢失(白屏)问题
HBuilderX打包Vue为apk，安装之后主界面空白问题
flash_love的博客
11-17 5747
今天用HBuilderX打包Vue项目为apk，并安装到手机上，打开主页发现页面空白。 主要是打包配置问题，需要修改vue.config.js中配置问题。因为我用了Vue cli4.X版本，没有config文件，所以需要自己新建一个配置文件，并且配置项也稍微有点不同了，根据官网修正为最新的配置项。 vue.config.js module.exports = { publicPath:'./' } 同时，Vue的路由模式要改成Hash，而不是History模式 const router = new
在HBuilder里面创建的vue项目没有路由该如何配置
syh12345_的博客
07-16 3360
1.先创建一个vue项目 在HBuilder里面创建一个vue项目，如下 只要点击创建HBuilder就会自动的给我们创建一个vue项目，创建的结构如下 我们只需要在命令行输入npm run serve,vue项目就会启动起来了 在浏览器里面输入http://localhost:8081/打开就可以了，如下所示 现在，我们这个vue的项目就算启动完成了，也没有报错，但是，我们发现创建的这个结构没有路由，没有路由，那我们如何进行页面跳转呢，只需要做如下几步 1. 在pa...
解决“vue-router子路由默认视图不显示”问题
qq_42381297的博客
09-05 1万+
今天在看Vue学习视频，老师讲解vue-router多级路由的使用，在写完视频里的例子后，自己测试发现一个小问题（当时视频里没有提及），我是用name实现的路由之间的切换，其中一个有子路由，发现子路由的默认显示没有了（第一次默认有，第二次点击就没有了），又发现控制台有警告提示，所以我百度想要解决问题。很幸运很快找到解决方案： 针对vue-router子路由默认视图不显示这个问题，要有默认子路由，...
vue 打包路由报错_急急急急，vue打包部署后，路由无法跳转
weixin_42347750的博客
02-22 3406
求助vue打包部署后首页可以正常访问，可是一但点击下一步；就没反应；控制台报错：(打包后的index.html文件和JS文件分别部署在服务器的不同文件夹下，但是在index.html文件中的link路径也做过修改)我的vue.config.js是：`module.exports = {// 基本路径publicPath:"./",// 输出文件目录outputDir: 'dist',// webp...
【踩坑】：vue项目打包，用nginx部署了，但是访问不到页面
热门推荐
TanMengyi的博客
06-15 1万+
最近做的一个vue项目，npm run build打包后，用nginx部署， 打开默认地址： 域名/gcmanager/，跳到了我配置的404页面，如下图： 于是我手动输入页面的路由地址，我本地这个路径都能访问到页面，为部署后却找不到页面了， 这是我路由的index.js文件 分析问题： nignx，需要配置history模式，解决办法有两种： a. 取消路由的 history 模式，把mode:"history"去掉 b.nginx配置location / { try_files $uri $
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值