vue打包后index.html界面报错

vue项目完成后,打包放到服务器上,打开index.html页面时发现一片空白并且报错

很明显是js和css引用不到。

解决办法:

修改vue项目config文件夹下面的index.js,将assetsPublicPath:‘/‘改为assetsPublicPath:‘./‘

原文地址:https://www.cnblogs.com/luyuefeng/p/8350573.html

时间: 2024-10-05 12:13:30

vue打包后index.html界面报错的相关文章

vue打包postcss no found config 报错

最近接触到一个使用gitlab 提交代码后自动线上安装打包的东西,本地打包都没问题,但是放到线上打包就出问题 项目里确实配置了文件 .postcssrc.js  或者 postcss.config.js ,后来就只能放弃以文件配置的形式 在 build / ultils.js 配置文件里 上面的是基础配置,需要加修改 const postcssLoader = { loader: 'postcss-loader', options: { sourceMap: options.sourceMap,

关于vue打包是因代码校验报错

单个文件中: 1./* eslint - disable */ 2./* eslint-disable no-new */ 当然也支持全局: 3.bulid > webpack.base.config.js     将createLintingRule方法     内容注释 { test: /\.(js|vue)$/, loader: 'eslint-loader', enforce: 'pre', include: [resolve('src'), resolve('test')], opti

vue-cli打包构建时常见的报错解决方案

报错1:打包后丢到服务器中,打开是空白页 报错2:打包后想要在本地file中打开,但是打开是空白页 报错3:打包后在浏览器中打开,报错ERROR in xxx.js from UglifyJs 报错4:打包后打开页面控制台报错,Uncaught RangeError: Maximum call stack size exceeded 报错5:打包后打开发现很多图片(背景图片等)路径打包错误,访问不到

Vue打包后出现一些map文件

Vue打包后出现一些map文件的解决办法: 问题: 可能很多人在做vue项目打包,打包之后js中,会自动生成一些map文件,那我们怎么把它去掉不要呢? 1,运行  cnpm run build  开始打包 2,会在项目目录下自动创建dist目录,打包好的文件都在其中 解决办法:     去src/config/index.js中改一个参数: productionSourceMap:false 把这个改为false.不然在最终打包的文件中会出现一些map文件,map文件的作用在于:项目打包后,代码

ES集群修改index副本数报错 :index read-only / allow delete

ES集群修改index副本数,报错 :index read-only / allow delete (api) 原因: es集群数据量增速过快,导致个别es node节点磁盘使用率在%80以上,接近%90 ,由于ES新节点的数据目录data存储空间不足,导致从master主节点接收同步数据的时候失败,此时ES集群为了保护数据,会自动把索引分片index置为只读read-only. 故障处理办法: 1:集群加节点,简单粗暴: 2:降低集群index副本数量: 3:其它:增加磁盘.删除历史数据等:

解决Ext4.2.3中propertyGrid修改后点击排序报错

Ext4.2.3中PropertyGrid修改后点击排序报错,具体错误信息如下: 一开始还怀疑是自己哪里配置错了,各种尝试结果还是一样.查遍百度和谷歌,无果,只有一篇帖子说是4.2.4修正了.还是自己动手吧,自己动手丰衣足食. 点开报错地方(如下图所示),原来是me.field.column没有定义. 然后继续找,找啊找啊找到Ext.grid.property.Grid的getCellEditor方法.此方法有参数column,可在方法体内,column就没有被用到过,于是就感觉问题出在这里.

easyUI,IE11,打开同一界面报错

最近,每次打开编辑页面的时候,ie11总是会报一个错误,有时候ie11还会崩溃,后来跟进去,发现是easyUI这段代码的问题: window.onresize = function() {    $('table[id]').datagrid("resize");} 但是这个错误在其他版本的ie下面没有发生,在其他浏览器里也没有发生. 偶然发现出错的窗口里,有个checkbox,说是不要再显示此信息,点了以后,竟然没有这个现象了. 究其原因,估计还是ie11对脚本的校验可能更加严格,下

升级后,使用dynamic报错

程序升级为.NET 4.0后,在程序中使用dynamic时出现下列错误 错误 5 预定义的类型“Microsoft.CSharp.RuntimeBinder.Binder”未定义或未导入错误 4 找不到编译动态表达式所需的一个或多个类型. 引用Microsoft.Csharp.dll后可解决此问题. 升级后,使用dynamic报错

安装wamp后,localhost访问报错“You don't have permission to access / on this server.”

今天装了一个wamp,在本地测试了一下,发现使用http://localhost/报错403,提示内容如下:"You don't have permission to access / on this server.".用127.0.0.1访问正常,phpMyAdmin也是同样的问题. 在网上搜索了一下有很多都是出现这个问题,但是不是不详细就是没找到解决办法.在此做一下记录,我是安装一路下一步所以安装目录都是默认的. 首先修改Apache,在wampserver下左键,Apache下有