vue发布以后不显示首页问题

最新推荐文章于 2022-07-31 19:55:01 发布
最新推荐文章于 2022-07-31 19:55:01 发布
阅读量1.1k 收藏
点赞数 1
分类专栏： 前端 vue 文章标签： vue发布首页显示异常问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43034862/article/details/83379038
版权

修改index.js下的assetsPublicPath 路径为“./”
查看router是否配置为如下方式，把history注释掉
const router = new VueRouter({
mode: ‘history’, /hash模式改为history/这个地方要注释掉，不然打包后不能打开首页
routes // （缩写）相当于 routes: routes
})

发布流程
npm run build
会生成dist目录，把dist目录和index.html文件放到需要布置得服务器上

weixin_43034862
关注
专栏目录
解决vue项目 build之后资源文件找不到的问题
10-14
在Vue项目开发过程中，我们经常会遇到这样一个问题：在完成项目的构建（build）后，静态资源文件，如图片、CSS或JavaScript文件无法正常加载，导致页面显示异常或功能失效。这通常与Vue的构建配置和资源路径有关。...
解决vue选择框输入条件之后分页无法刷新到第一页的解决方案
weixin_44281416的博客
09-28 930
只有将两个方法加在一起用才能起作用！！！ 一、首先展示数据是一个事件方法。 二、其次在查询之前我们要将分页刷新到第一页又是一个事件方法。 代码如下： <el-button @click="query">查询</el-button> //查询按钮点击事件 query(){ this.currentPage = 1;//当前页码为1 this.pageSize=10;//总共页码为10 this.tIndAuditPageDataByQuery()//查询数据的接口，用来展示数据
vue项目打包后首页一片空白解决办法和具体原因总结
有问题可关注公众号：前端研究院 后台输入问题回复
11-29 836
很高兴在万千文章中你看到本章，希望能为你解决问题！！！ 在最初用vue+webpack+vue-router做项目的时候，在本地pc开发测试都是正常的，但是在把代码打包部署到测试服务器之后，访问项目首页总是白屏。 第一种，打包后的dist目录下的文件引用路径不对，会因找不到文件而报错导致白屏。 解决办法：修改一下config下面的index.js中bulid模块导出的路径。因为index.html...
最快捷的两种方案彻底解决：vue打包后dist目录下的index.html网页显示空白的问题
在写作的路上持续输出。
03-27 1万+
📢：解决vue 打包后dist 目录下index.html 页面空白的问题。两种方案快速解决......
Vue前台项目home部分不显示解析
fury的博客
07-31 618
vuehome部分不显示解决
Vue项目打包后不能正常显示页面
weixin_43476677的博客
03-28 9506
项目场景： 通过 Vue CLI 创建的 vue 项目，编写完项目后，通过 npm run bulid 对项目进行打包，再把打包得到的内容（dist文件夹）交给后端部署到服务器上。 问题描述： 对 vue 项目打包后，发现 dist文件中的 index.html 在浏览器中打开后页面内容无法显示，部署到服务器也一样不行，而 vue 项目在本地服务器运行时，页面是正常的。 本地服务器运行的首页： 打包后dist文件夹中的首页： 没看错，是真的什么内容都没有 原因分析： vue 项目中缺少了 vue
解决vue 打包发布去#和页面空白的问题
12-12
1.vue项目中config文件下index.js中打包配置 build: { // Template for index.html index: path.resolve(__dirname, '../yiTownWebApp/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../...
解决vue打包之后静态资源图片失效的问题
11-27
在Vue项目开发中，我们经常会遇到一个问题：当使用`npm run build`命令打包项目后，部署到服务器上时，部分静态资源，如图片，无法正常显示，浏览器控制台报404错误。这个问题主要与静态资源的存放位置及引用路径...
vue :src 文件路径错误问题的解决方法
08-27
vue :src 文件路径错误问题的解决方法 在 Vue 项目中，经常会遇到 :src 文件路径错误问题，这个问题可能会导致图片或者文件加载失败，影响项目的正常运行。今天，我们将详细介绍 vue :src 文件路径错误问题的解决...
vue打包静态资源后显示空白及static文件路径报错的解决
11-19
打包之后打开dist的页面显示空白： 这个问题以前就处理过，是打包过程中出现错误频率较高的一种，可能有3处地方会出现这种情况 1、记得改一下config下面的index.js中bulid模块导出的路径。因为打包后的index.html...
vue build本地预览与路由History模式下页面空白
qq_45576685的博客
03-09 838
vue build本地预览与路由History模式下页面空白和图片路径找不到前言一、本地模拟服务器测试二、启动我们的本地预览服务器,执行npm run xx 类型的命令 vue build本地预览与路由History模式下页面空白和图片路径找不到 前言 不知道有没有前端小白和我一样，遇到同样的问题 vue 路由mode:‘history’ 模式下，开发环境页面可以正常访问，但是打包后本地测试出现问题（有没有人和我一样，本地测试也不会的，以前hash模式下，直接把dist文件夹下的index.html从浏览
有关vue运行显示不出来的问题
学习学习学习
11-13 1万+
在学习vue框架的时候，我按照官网上的方式进行编程却无法显示出来，在进行app7的代码试验的时候。 因此，我进行排查，网上基本没有什么相关的信息，然后后来我才发现： 不能打空格！ 这部分内容，我在v-bind的冒号以及等号两边都打了空格，而我把空格删了，则可以正常运行。...
vue更换build目录后，全页面显示空白问题解决。
11-02 378
客户前段和后端部署在一个服务器上，所以前段需要翻盖一个子目录下，就修改成了aaa，修改方式如下 项目目录下vue.config.js中增加（没有可自行创建） module.exports = { //如果是发布则改为线上路径，dev则使用本地路径 publicPath: process.env.NODE_ENV === 'production' ? '/发布的目录/' : '/' } 空白解决方案 在router文件夹下，修改index.js的对应参数胡如
vue找不到页面，只能显示"/"路由所对应的页面
samuBO的博客
12-29 2286
我的路由 http://localhost:8080/validateDemo/#/ 然后一直是"/"路由中所对应的也面 需要改成: http://localhost:8080/#/validateDemo/ 原来是我的#的位置 #的作用 vue-router有两种模式：hash模式和history模式。 带＃的则是hash模式。 将router中的mode设置为history就可以 https...
vue中组件没显示，没报错，但是该显示的组件没有显示
热门推荐
shaleilei的博客
01-24 2万+
vue中组件没显示，没报错，但是该显示的组件没有显示， 这里面我们需要注意一个问题，就是 template （将要渲染的HTML）必须是包含在一个标签里面的，这个和react 比较像，是个小坑，所以他没有报错； 最外层加个标签包起来就行
使用vue框架编写的网页显示空白
源码好优多
03-12 1万+
背景 今天改了点代码，cnpm run dev启动项目访问登录页面发现一片空白，页面也没报错。 查找原因 我就改了一点代码影响应该也不大啊，仔细看自己改的代码。发现问题。马德制杖！ 图中红色箭头代码应该放在后面，没有定义constantRouterMap哪里来的调用，所以就是没有路由。 解决办法 先声明constantRouterMap路由再调用，（本人声明的constantR...
vue 矢量图发布之后不显示
最新发布
06-12
如果你在 Vue 中使用了矢量图（如 SVG 文件）并且发布到了线上，但是矢量图并没有显示出来，可能是以下原因导致的： 1. 路径问题：在 Vue 中使用矢量图时，需要使用正确的路径引用 SVG 文件。如果路径不正确，矢量...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值