vue html引入资源dev下404,webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)...

最近在使用webpack + vue做个人娱乐项目时，发现npm run build后，css js img静态资源文件均找不到路径，报404错误。。。网上查找了一堆解决办法，总结如下

一、首先修改config目录下的index.js文件

将其中build的配置项assetsPublicPath进行修改，改为

目的是将资源文件的引入路径，改为相对地址(相对index.html)

二、此时html中的js、css、img引入均没有问题，但是css中的background-image还是报404

此时的问题原因是，使用了相对地址后，在css进行引入的图片路径，其相对的是css文件的路径

此时的修改方法是，修改build文件夹中的utils.js文件，修改如下这一行

这样css中的背景图也OK了，如果在css中引入字体也可以用这样的方式修复404问题。

总结

以上所述是小编给大家介绍的解决webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！

vue html引入资源dev下404,webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)...相关推荐

解决 idea 复制jsp 文件过来页面报404
今天在做功能的时候把另外一个jsp文件复制过来,发现页面一直报404,咋搞的,检查路径没有问题,报404这个就奇葩了,后面经过一番"洗脑",才发现jsp文件复制过来少了一个特别重要 ...
解决webpack vue 项目打包生成的文件，资源文件均404问题
最近在使用webpack + vue做个人娱乐项目时,发现npm run build后,css js img静态资源文件均找不到路径,报404错误...网上查找了一堆解决办法,总结如下一.首先修改c ...
vue组件引入scss变量_SCSS特色的Vue.js ui组件设计系统
vue组件引入scss变量 Kotti设计系统 (Kotti Design System) This design system helps to unify our design language ...
Nginx下同域部署多个Vue项目（history路由模式），报404、500错误
主要内容一.环境二.问题描述三.问题解决 1.修改vue项目中的vue.config.js文件 2.修改Nginx的nginx.conf配置文件 3.Nginx目录结构一.环境系统: win ...
vue项目打包部署到服务器上后页面404问题
vue路由配置: const router = new VueRouter({base: process.env.BASE_URL,//hash模式下部署到服务器访问没问题,history就不行,需要 ...
运行 npm run dev 命令，启动 webpack 进行项目打包出现问题opensslErrorStack: [ ‘error:03000086:digital envelope routine
webpack打包出现了以下问题: 经过经过查阅发现是因为node版本的问题,可以在终端执行以下命令解决这个问题: set NODE_OPTIONS=--openssl-legacy-provider ...
vue-cli项目打包多个与static文件同级的静态资源目录（copy-webpack-plugin插件的使用）...
场景业务要求能够直接通过 "域名+/file"的方式访问静态资源的html,然而产品绝对static暴露在url中不好看又不能直接将html放在static中.所以想到了既然st ...
vue 项目打包上线后 js css 文件找不到
在vue项目完成后打包上线,放到服务器上发现js和css引入不到,页面加载不出来. 在使用vue-cli3以上版本构建的应用时,跟以下方式api有些区别: 如何区分是哪个版本? 可查看项目中是否有co ...
.net 下直接读分区数据,并生成ISO光盘镜像文件,含DEMO
ISO文件格式被很多虚拟光驱软件和刻录软件支持,比较典型的有WinISO ,Alcohol 120%这些软件.有的时候需要自己制作一个ISO文件的话,则需要找专门的工具;其实要做一个ISO的文件可以很 ...

vue html引入资源dev下404,webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)...

vue html引入资源dev下404,webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)...相关推荐

最新文章

热门文章