vuethink 后台 npm run build 后只显示背景问题

最新推荐文章于 2021-08-09 09:18:40 发布
最新推荐文章于 2021-08-09 09:18:40 发布
阅读量305 收藏
点赞数
分类专栏： vue 文章标签： vuethink build
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/black_little_/article/details/86625544
版权

命令行输入：npm run build打包后台然后发现router-view中的内容显示不出来。

这个坑就是当你使用了路由之后，在没有后端配合的情况下就手贱打开路由history模式的时候，打包出来的文件就会是一片空白的情况。

解决办法就是将 /src/main.js 里的 路由history模式注释掉就好了

在这里插入图片描述

LoweMuo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue 项目通过 npm run build 打包以后页面没有内容
郭宝的博客
08-19 3252
背景： 通过 npm run build 对vue项目进行打包，并且部署以后，发现页面一片空白，没有任何内容，而且 控制台中也没有任何错误信息。但是通过npm run serve 以后却可以正常预览。如下图： 外网： 本地： 解决办法： 打开Vue项目路由的配置文件，然后将实例化VueRouter中的配置项mode: 'history' 注释掉，因为这个导致打包路径出现问题。然后再次进行 npm run build即可 ...
关于vue的npm run dev和npm run build的区别介绍
10-17
主要介绍了关于vue的npm run dev和npm run build的区别介绍，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue-cli打包后dist文件运行空白和背景图显示问题详解
weixin_38169886的博客
08-28 294
1.文件引用路径。我们直接运行打包后的文件夹中的index.html文件，会看到网页一片空白，f12调试，全是css，js路径引用错误的问题。 解决：到config文件夹中打开index.js文件。 assetsPublicPath属性作用是指定编译发布的根目录，‘/’指的是项目的根目录 ，’./’指的是当前目录。 build: { // Template for...
vue build打包时img、背景图、和外部字体库相关问题
qq_36437172的博客
03-04 816
一、关于npm run build 打包时img图片不加载的问题 在config 文件夹下的 index.js中修改配置 build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.res...
npm run build 打包后空白页解决问题两种情况
weixin_30361641的博客
09-15 833
问题一：assetsPublicPath配置错误解决办法：打开config/index.js文件 build:{ // assetsPublicPath: '/' assetsPublicPath: './' } 问题二：路由history模式配置有误router/index.js解决办法：关闭路由historym模式 ex...
vue项目上线后只有首页图片不显示
weixin_44380109的博客
09-26 627
我最近打包上线了一个项目，发现有个这样的问题，只有首页图片不显示，可是在本地运行时，是没有问题的，我就查找了原因，发现是图片路径问题，可是，我查找源码，发现图片路径没有问题，上网查了查，也没有找到答案，最后还是请教的同事才找到原因所在，原来实在配置文件中少了配置。 在build的文件夹下的utils.js文件中的配置publicPath:’…/…/'之后问题就解决了， if (option...
IDEA中程序运行使得cmd命令环境改变字体和背景颜色的方法
qq_43185543的博客
01-05 976
Jansi 是一个 Java 类库，它能够让你在控制台输出色彩缤纷的文字。 说明：本次实例是一个Maven工程。 pom.xml <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.or...
vue打包部署服务器，背景图片显示空白
黄-小智的博客
08-09 367
vue打包部署服务器后，往往会出现部分背景图片显示空白的情况，部分就说明只是打包过程中的图片路径问题： 在build 文件夹中找到 utils.js文件加上这行代码即可：publicPath: ‘…/…/’
解决vue项目,npm run build后,报路径错的问题
11-20
在build目录下的webpack.prod.conf.js里面： output: { path: config.build.assetsRoot, publicPath: "/dist/", // 添加这行代码，可解决该问题或者...补充知识：vue项目打包后，npm run build相关配置，以及解决
npm run build 打包这些玩意
01-08
npm run build 打包这些玩意 打包上传项目是必备的，会遇到一些问题 打包前要配置的东西： config文件夹下的index.js 中的文件中的 assetsPublicPath ：…/改为./ 不然的话会是空白页， build/util.js文件下在 ‘vue...
vue项目页面空白
有问题可关注公众号：前端研究院 后台输入问题回复
04-10 5012
今天新建项目，然后发现路由也改了  app.vue里面也是啥都没有，但是访问http://localhost:8080/#/login  能访问  里面确实空白的错误：错误原因： path: '/'   只能有1个 整个项目只能有一个【但是我有了2个】，然后我要重定向到login页面，我path又没配置好。导致页面啥都出不来。解决办法如下：...
使用vuethink搭建系统
啥也不是
11-14 4434
本文介绍如何使用vuethink搭建系统。一、下载地址：http://www.vuethink.com/ 下载下来以后放在web的www目录下，解压。二、安装依赖库cd frontEnd npm install这里首先需要安装好npm（nodejs的包管理工具，装好nodejs以后就带npm了），安装方式不详述。 npm install命令会根据当前目录下的package.json文件安装依赖环
执行npm run build之后显示空白页面
热门推荐
YooHoeh的博客
09-30 1万+
最近在学习使用webpack，在项目最后打包过程，执行npm run build之后得到的dist目录放到服务器上打开，显示空白页面，但是标题能正常显示，查看控制台发现是数据位置请求报错，查阅资料后知道是打包初始目录设置错误，现将解决方法整理如下： 找到webpack配置文件.webpack.js 需要说明，不同的webpack版本或者打包管理器所生成的配置文件名甚至文件位置都可能不一样，不清楚...
vueThink两天写出前端登录界面
yu_duan_hun的博客
07-13 2006
用这玩意真的好想哭，一步一坑，等写完登录界面已经变成‘泥人’，真是前后端分离以后前端变得专业了，感觉完全不会写了。单纯的tp5框架加js两个小时写完的登录写了2天，还是在vueThink已经有demo的情况下。 1.躲避eslint的非人类级别检查 各种报错：应该空几个空格，但是你空了几个；应该不写分号结果你写了。。。类似这样写会疯吧，于是各种查eslint怎么屏蔽掉，终于找到要隐藏webpa...
关于reactjs在windows环境中使用npm run build之后,打开网页显示为空白的解决方案
xzp_forever的博客
07-01 1万+
刚开始学react时候,跟着官网的操作:npx create-react-app my-app cd my-app npm start构建完这个初始的项目之后,发现项目是可以正常正常访问的!然后接着就是发布上线npx run build但是发现直接打开index.html界面是一片空白这个时候我们看build的过程中的信息&gt; [email protected] build D:\Program Fil...
vue页面如何单独给背景色全方案
前端路上坎坎坷坷，总有一天站在顶峰仰望世界！！！
11-10 1567
第一种 通过mounted钩子函数动态设置背景色 mounted(){ document.body.style.backgroundColor="#ffffff"; } 第二种 通过最外层盒子给他class设置，让最外层盒子固定定位进行设置 #app{ position: absolute; height: 100%; width: 100%; top:0; left: 0; overflow-y: auto; background-co
npm 运行vue-cli webpack 项目，npm显示应用显示已经运行，但是网页没有自动打开问题
weixin_38527697的博客
08-20 427
npm上显示：Your application is running here: http://localhost:8080 ，但是网页没有自动打开 解决方案： 打开项目文件，寻找config=>index.js 打开 在index.js中有个autoOpenBrowser,其值默认是false,把它设置为true 重启项目测试一下 ...
vue项目npm run dev正常显示，npm run build打包之后没有内容
bamboozjy的博客
07-04 1万+
我的vue项目npm run dev正常显示，npm run build打包之后没有内容。原来是我在配置路由的时候开启了mode: 'history' var router=new VueRouter({ routes:routes, mode: 'history'//去除路径中的 # 号 }) 关于去除URL中的#，请移步vue-router. 因为这个导致打包后路径出问...
npm run build:stage还是npm run build:prod
最新发布
08-19
npm run build:stage和npm run build:prod是两个不同的构建命令。npm run build:stage用于构建一个用于开发或者测试环境的应用，而npm run build:prod则用于构建一个用于生产环境的应用。根据你提供的信息，使用npm ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值