【Vue项目之背景图片打包后路径错误】的更多相关文章

Vue项目之背景图片打包后路径错误

第一种方法: 原因: 首先,出错点在url-loader上面. // url-loader配置 // build/webpck.base.conf.js { test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, loader: 'url-loader', query: { limit: 10000, name: utils.assetsPath('img/[name].[hash:7].[ext]') } 这里解释一下上面这段url-loader配置,test是正则匹配规…

vue css背景图片打包后路径问题

limit,代表如果小于大约4k则会自动帮你压缩成base64编码的图片,否则拷贝文件到生产目录 name,后面是打包后的路径: loader,后面 limit 字段代表图片打包限制,这个限制并不是说超过了就不能打包,而是指当图片大小小于限制时会自动转成 base64 码引用 在wabpack里面加一个publicPath属性来规定打包后的图片的路径…

vue 使用webpack打包后路径报错以及 alias 的使用

一.vue 使用webpack打包后路径报错(两步解决) 1. config文件夹 ==> index.js ==> 把assetsPublicPath的 '/ '改为 './' 2. build文件夹 ==> utils.js ==> 添加代码 publicPath: '../../' 二.alias的使用(两种方式) 当项目逐渐变大之后,文件与文件直接的引用关系会很复杂,这时候就需要使用alias 了,在脚手架搭的vue项目中,在webpack.base.conf.js里面可以…

记录vue项目 用hbuilder离线打包集成极光推送 安卓篇

极光推送的官方demo: https://github.com/jpush/jpush-hbuilder-demo 里面也记录有详细的方法了. 我记录下自己的过程. 首先去极光那里创建一个应用 获取AppKey ,创建后如下. 下载极光的demo 地址 https://github.com/jpush/jpush-hbuilder-demo 然后把里面的jpush.js放在vue目录下的static下,在index.html文件并引入 <!DOCTYPE html> <html>…

vue项目打包后路径出错

安装完vue后搭建了一个项目,直接执行 npm run dev 是可以正常打开页面的: 但是执行 npm run build 打包项目后打开却报错了,如下: 原来是项目中的静态文件路径报错了... 然后就针对这个问题去查找解决方法: 第一步: 第二步: 找到下面文件,添加一行代码: publicPath: '../../' 第三步: 重新执行 npm run build  ,再次打开成功 说明:  这里的打开方式:在builder编辑器里面直接打开打包后的dist文件夹下的index.html,…

vue项目中，无需打包而动态更改背景图以及标题

1.背景 今天,项目经理对已完成的项目提出了一个需求,即项目的基础功能目前针对于各个基层法院都适用,而对于不同的法院,我们每次都需要前端研发来更改所属法院的法院名称以及背景图,这样对于演示者来说是非常不方便的,因此我们希望以后的项目无需经过前端研发来进行打包.更改,其他使用者自动传入背景图以及法院名称即可完成更改,从而提高各个环节的效率,对于我一个菜鸟而言,第一次进行实现,因此写这篇博客进行记录,如果出现错误或者有更好的办法,请各位小伙伴积极留言哦! 2.实现 思路:我们希望在代码当中增加判断语…

react项目打包后路径找不到，项目打开后页面空白的问题

使用 npm install -g create-react-app快速生成项目脚手架打包后出现资源找不到的路径问题: 解决办法:在package.json设置homepage…

【笔记】vue-cli 打包后路径问题出错的解决方法

几天之前打包自己的vue 项目上传到远程服务器上面 但是遇到了如下几个问题: 1. 线上浏览页面时是空白页面 2. 打包后资源文件(js, css 文件)引用的路径不正确 3. 开发环境中使用到的如:组件内部css 的背景图路径,通过 computed 属性计算返回的图片路径不正确问题 于是在网上参考了两篇文章便逐一解决了: https://www.cnblogs.com/moqiutao/p/7496718.html http://blog.csdn.net/obkoro1/article/d…

解决axios请求本地的json文件在打包后路径出错问题

vue 项目中使用axios请求了本地项目的static文件夹下的json文件,使用npm run build 打包后,在Hbuilder编辑器打开,页面报错404: 在浏览器打开的路径 http://127.0.0.1:8020/poverty/dist/index.html 我们可以看到index.html前面还有两个文件层级,也就是说json文件的路径已经发生变化,而不是原来开发环境下的路径了. 下面我们使用 http-server来解决这个问题: dell@DESKTOP-KD0EJ4H…

前端（以Vue为例）webpack打包后dist文件包如何部署到django后台中

由于现在前端使用的三大框架配合webpack可以实现快速打包,为部署到服务端提供了非常大的便利,那么在前端打包后,应该做些什么可以部署到django的后台中呢? 1.打包后文件包dist 进入到 dist文件包会发现是这个样子的: 2.在django项目中创建前端文件包(静态资源包,我习惯起名为frontend)        然后把dist文件包中的static文件包和index.html拷贝过去,接着把static文件包中的所有文件和index文件都剪切到上一层目录(都在frontend中)…