解决Vue打包之后不显示、访问资源失败的问题

在打包vue项目时，因为通过脚手架生成的项目，部署到服务中会出现读取静态资源404的情况

config/index.js文件的build/assetsPublicPath应该配置成和nginx（或tomcat）一致。

亲爱的小伙伴们，你们最近是否有遇到用使用最新的脚手架打包项目后index.html文件无法正常打开，然后控制台报错的情况呢，不要担心，这个坑今天被我踩到了并且被我解决了，下边就让我来给大家分享一下经验吧！2.找到router.js文件，将history模式关闭。1.找到vue.config.js文件，进行如下配置。即添加一行配置：pubilcPath:'./'

关于Vue项目的部署和部署后访问页面资源找不到的问题

第一：使用element框架的icon时候，开发环境下是没有问题的，打包完以后出现小方块，页面不显示， 解决办法：找到utils.js文件，加 publicPath: ‘…/…/’ function generateLoaders (loader, loaderOptions) { const loaders = options.usePostCSS ? [cssLoader, post...

vue项目完成的最后一步就是打包部署上线，但是打包部署的过程往往不是那么一帆风顺的，现将遇到问题和解决方案记录如下。 图片路径问题 起因：页面中引入资源的方式往往有如下几种 * HTML标签中直接引入图片， 如 <img src="../assets/images/index.png"> * JS代码中定义资源路径属性，如src: require('../assets/images/i...

vue项目打包部署-----解决打包后访问资源失败问题

最近发现一奇怪问题，正常本机测试情况下，echarts图表显示的没问题。但是只要打包后部署到nginx里，第一次首页加载没问题，但进入其他tab页面再返回首页时，echarts图表就是显示不出来了。监测控制台也没有任何的错误输出。 网上有很多的说辞和办法，但试过了都没有效果。最后经过不断的尝试摸索，终于解决啦。 有的说是生命周期和渲染顺序问题，说大家习惯了在mounted生命周期里面发送请求，mounted意思是页面已挂载完成，可以拿到dom节点了，这也说明echarts图表的dom结构也会在mount

最近写了一个百度地图的项目，要求底部有一个导航栏。具体如下图： 首先，拿到了底部导航栏的所有图标图片，图片都有两种。灰色的代表未选中，选中的用带样色的图片替换。 先看一下，组件中 html结构：通过vue提供的v-for方法，进行遍历显示footNav这个数组。数组里边存放着{title:"银行"，url:" "，url1:" "}，将图片的 src与isSel

在vue.config.js文件添加配置项publicPath，publicPath路径修改" "，dist文件下index.html即可找到。vue.config.js文件中publicPath路径为“/”，表示根目录下，是访问不到js和css文件的，vue项目打包后， index.html直接访问不到 css 文件和 js 文件；

vue项目打包后放到服务器上资源找不到，解决办法

使用vuepress快速搭建博客打包之后出现样式无法加载问题

vue根目录创建vue.config.js,代码如下 module.exports = { publicPath: './', outputDir: 'dist', lintOnSave: true, runtimeCompiler: true, //关键点在这 // 调整内部的 webpack 配置。 // 查阅 https://github.com/vuejs/vue-doc-zh-cn/vue-cli/webpack.md

在vue.config.js中配置 module.exports = { publicPath: './', assetsDir: 'static', // 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。 outputDir: 'dby', // 输出文件目录 }

①打包vue项目npm run build 静态文件路径找不到问题： 解决方案: (原文引用摘抄自https://blog.csdn.net/weixin_44623040/article/details/103499678?utm_medium=distribute.pc_relevant.none-task-blog-2defaultbaidujs_title~default-0.control&spm=1001.2101.3001.4242) 在vue项目完成后打包上线，放到服务器上发现js

vue+vite项目静态文件引用丢失

@[TOC](vue打包后静态资源或图片无法访问,vue打包后html一片空白 1.更改配置文件资源路径 2.将所有的.jpeg类型的图片改成png或者jpg 希望对你有所帮助

vue2/3解决项目打包后本地图片等资源找不到的问题