vue项目打包部署后，有一个页面数据不显示

最新推荐文章于 2023-04-01 22:55:21 发布
最新推荐文章于 2023-04-01 22:55:21 发布
阅读量1k 收藏
点赞数
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sunflower1123816/article/details/109636599
版权

问题：类似大屏的项目，里面6个页面，一个页面数据显示不出来，别的页面都好着。

解决方案：有问题的页面后台数据返回的数组里的第一项是空的，页面显示的时候，遇到没值，代码就不会往下走，后面的数据不会显示出来。加判断，if数组为空，页面的值显示为空（‘’）。这样就不影响后面数据显示

小李子@L
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue打包后不能显示问题解决方法
weixin_30299709的博客
09-04 232
修改文件build/webpack.prod.conf.js，在output中添加publicPath:'./', 转载于:https://www.cnblogs.com/Beenterprising/p/9584623.html
vue 项目 run build 打包后页面空白 资源加载失败的问题
weixin_52485890的博客
09-16 5137
vue 项目 run build 打包后页面空白 资源加载失败的问题
vue基础
Un_YUI的博客
01-29 156
什么是vue vue是一个前端渐进式 mvvm（模式） 框架 #渐进式：只要有基础的核心功能即可，其他功能可通过插件导入，与js相比vue属于申明式的实现某些功能，js的核心是dom，vue的核心是数据 全称（Model-View-ViewModel） #mvvm：（是一种模式） ## m：数据 ## v: 视图 ## mv：数据改变视图自动刷新（数据指导） ## vm：new Vue的实例（通过vue实例 实现让数据改变视图自动刷新） #mvvm 优缺点： MVVM模式和MVC模式一样，主要目的是分离视图
HBuilder把vue项目打包app后请求不到数据问题
panfuyong11的专栏
09-05 6497
最近用VUE写了一个webapp项目，用HBulider打包成app用手机打开后，数据居然请求不到，引入的阿里的iconfont字体图标也加载不进来。交互是用axios写的，使用了跨域代理。 解决方法有两种： 1、加上固定域名(https://www.uplanok.com) 由于打包的app只是套上了一个壳子，所以打开app后找不到对应的域名，所以请求不到的数据。 例如一个注册接口：...
前端数据存储到数据库中缺少数据解决方法
q25250的博客
09-01 1099
前端数据存储到数据库，数据库中数据缺失。
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
11-20
本地开发没问题能正常请求到接口，部署后页面也能展示出来就是接口的数据请求不到 network一看是这么个情况 对比了本地的页面 可以发现是remote address出了问题。 经过查询得知：Remote Address代表的是当前HTTP...
vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作
10-14
综上所述，解决Vue项目打包成APP后API请求不到数据的问题，主要是取消跨域代理，调整API请求的URL为绝对地址，以及检查打包后的路径配置。在遇到不同环境下表现不一致时，应逐一排查网络、设备和代码层面的可能因素...
vue项目打包后上传至GitHub并实现github-pages的预览
11-28
Vue.js项目打包后上传到GitHub并实现GitHub Pages预览是一个常见的流程，这使得开发者能够方便地分享和展示自己的作品。以下是一份详细的步骤指南，涵盖了从打包Vue项目到在GitHub Pages上预览的过程，以及解决可能...
详解vue项目打包步骤
10-17
在开发完成后，为了部署到生产环境，我们需要将Vue项目进行打包。本文将详细介绍Vue项目的打包步骤，帮助开发者理解和掌握这个过程。 首先，打包Vue项目的主要目的是将源代码转换为优化过的、适合在实际环境中运行...
华为云Windows Server 2019 数据中心版 服务器部署vue项目.docx
07-02
华为云Windows Server 2019 数据中心版服务器部署Vue项目 一、选择购买的服务器，配置安全组 在华为云中，选择购买的服务器是第一步。配置安全组是为了确保服务器的安全。在华为云控制台中，选择云耀云服务器，...
vue打包的坑、打包部署后页面空白，且无报错、路由报错、路径、懒加载
软件毕设协助及软件开发、IT、程序、编程、程序员、写代码、工程师、互联网、物联网、技术栈、软件开发、硬件开发、计算机科技、智慧电子模块。
04-01 6138
vue打包的坑、打包部署后页面空白，且无报错、路由报错、路径、懒加载
vue3项目，webpack打包后部分文件丢失
Annie的博客
07-01 4356
configureWebpack: (config) => { if (process.env.NODE_ENV === 'production') { // 仅在生产环境下启用该配置 return { performance: { // 打包后最大文件大小限制 maxAssetSize: 1024000 }, plugins: [ new Compress...
关于element-ui的el-table某列不显示或错乱问题
weixin_64482155的博客
10-18 7441
最近在利用el-table做表格时，突然出现某一列数据不显示问题，逐一排查后，并没有发现是什么原因，字段名和用法都没错，就是不显示，还出现了对应字段错乱问题。之后发现可能出现这类错误的原因，可能因为在一个页面有两个el-table表，其中prop的字段名都一样，也许是这样造成了冲突，导致一个正常显示，一个异常显示。直接去获取当前行的信息，拿出想要的数据进行显示；字段名和el-table-column的prop属性都能对上，但找不到错误原因；
vue 项目打包后看不到页面内容
guojing5721的专栏
06-06 5990
vue 项目打包命令是：npm run build如果打包后打开index.html页面看不到内容，有可能就是路径不对，需要修改config/index.js文件如下： build: {    // Template for index.html    index: path.resolve(__dirname, '../dist/index.html'),    // Paths    asse...
VUE打包后不显示问题
qiankui的博客
06-09 3431
在运行 npm run bulid后，打开dist目录下打包好的文件，不显示仍和数据 页面打开一片空白，原因是打包时，路径不对 解决办法： 在根目录新建 vue.config.js ，这个文件是vue规定好的，专门用来做bulid里面的配置 module.exports={ baseUrl: process.env.NODE_ENV=='production'?'./':'/...
vue项目打包为APP，静态资源正常显示，但API请求不到数据
weixin_34037977的博客
08-17 2328
Vue项目通过Hbuild打包为APP后，静态文件正常显示，但并没有像开发时那样请求到数据。这是为什么？因为APP并没有跨域，不存在跨域一说。我们在开发的时候，js在不同的域之间进行数据传输或通信,所以会给项目设置代理来跨域config下的index.js比如这个 proxyTable: { '/api':{ target: ...
vue 项目部署后 刷新一下 页面找不到 解决
weixin_34138255的博客
07-29 8776
1.修改配置router的参数 (效果不好) 2. (不能解决 出现403) 后端配置例子 Apache <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENA...
单页面模式路由刷新404问题
u013234218的博客
04-14 7542
自己开发中遇见单页面模式在路由上面刷新页面丢失找不到页面问题，在网上找了些资料然后在这里来总结一下。
vue中使用vue-pdf打包之后预览报错hash+worker.js路径不对404
茶荼
06-25 6330
在vue中实现pdf在线预览 1.安装vue-pdf npm install --save vue-pdf <template> <div class="pdf" v-show="fileType === 'pdf'"> <p class="arrow"> <!--上一页 --> <span @click="changePdfPage(0)" class="turn" :class="{grey: currentPag
用VUE2+vant快速创建一个可以正常打包上线的项目
最新发布
06-09
好的，下面是使用VUE2+vant快速创建一个可以正常打包上线的项目的步骤： 1. 安装 Vue CLI：在命令行中输入以下命令来安装 Vue CLI ``` npm install -g @vue/cli ``` 2. 创建项目：在命令行中输入以下命令来创建一个新的 Vue 项目 ``` vue create my-project ``` 根据提示选择需要的配置项，如babel、router、vuex等，也可以选择手动配置。 3. 安装vant：在命令行中输入以下命令来安装 vant ``` npm install vant -S ``` 4. 引入vant：在 main.js 中引入并注册 vant 组件 ``` import Vue from 'vue'; import { Button } from 'vant'; import 'vant/lib/index.css'; Vue.use(Button); ``` 5. 编写组件：在 src/components 目录下编写组件，并在需要使用组件的页面中进行引用。 6. 打包上线：在命令行中输入以下命令进行打包，打包完成后会在 dist 目录下生成打包好的静态文件，可以直接上传到服务器进行部署。 ``` npm run build ``` 以上就是使用VUE2+vant快速创建一个可以正常打包上线的项目的步骤。需要注意的是，在实际开发中，还需要根据具体的需求进行配置和开发，如配置路由、状态管理、请求数据等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值