vue-cli webpack打包后加载资源的路径问题

我就是我 2022-04-17 03:37 498阅读 0赞

vue项目，访问打包后的项目，输入路径后，页面加载空白。这时会有两类问题，都是路径问题。

1.一个是css,js,ico等文件加载不到，是目录里少了dist

打开页面时一片空白

解决办法：

config/index.js文件的build->assetsPublicPath的默认值改为 ‘./‘

assetsPublicPath：资源的根目录。这个是通过http服务器运行的url路径。因为webapp和static中间还有层dist,所以要用’./‘

2.另一个就是单纯的在背景图使用相对路径导致加载不到图片

例如登录页面的背景图设置

我的目录结构是这样的，

页的时候没发使用@/../static 只能使用../../../static

这个时候，打包过后的登陆页面引用图片路径错误，多了一个/static/css

解决办法：

build/utils.js文件的ExtractTextPlugin.extract=>新增 publicPath:”../../“

publicPath:重写该加载器(loader) css 的 publicPath 的设置

发表评论取消回复

表情：

评论列表（有 0 条评论，498人围观）

还没有评论，来说两句吧...

相关阅读

相关 Webpack-01样式资源的加载

1，WebPack的学习笔记什么是webpack? ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_1

女爷i/ 2023年07月24日 11:30/ 0 赞/ 140 阅读

相关 webpack 打包图片资源

webpack 打包图片资源 / loader: 1. 下载 2. 使用（配置） plugins：1. 下载 2. 引入 3.使用

野性酷女/ 2023年01月09日 03:54/ 0 赞/ 351 阅读

相关 webpack 打包样式资源

webpack 打包样式资源 `webpack.config.js`配置文件内容为： // 用来拼接绝对路径的方法 const { re

￡神魔★判官ぃ/ 2023年01月09日 01:10/ 0 赞/ 315 阅读

相关 duilib加载xml以及资源文件的路径问题

一.问题描述 Duilib一般通过加载写好的xml文件显示界面，xml中包含了各种资源图片以及显示属性等，最近使用时遇见两个问题，第一个就是没有设置duilib的主程序句

布满荆棘的人生/ 2022年12月10日 10:07/ 0 赞/ 555 阅读

相关 vue 处理打包后加载慢的问题

原因： 1、chunk-vendors文件过大 2、js没有压缩 3、服务器没有开启gzip 解决办法：首先在build发布时候压缩js、css等资源文件安装n

落日映苍穹つ/ 2022年09月09日 00:13/ 0 赞/ 382 阅读

相关 webpack配置项目加载静态资源

在上篇文章中，我分享了vue-loader与webpack项目配置，链接 [http://blog.csdn.net/zzy123654321/article/detail

朴灿烈づ我的快乐病毒、/ 2022年05月31日 02:30/ 0 赞/ 1053 阅读

相关 Java中加载资源文件的路径问题

　　在做javaweb开发的时候，我们可能会需要从本地硬盘上读取某一个文件资源，或者修改某一个文件，这个时候就需要先找到这个文件，然后用FileInputStrem等文件字节。

￡神魔★判官ぃ/ 2022年05月24日 13:28/ 0 赞/ 441 阅读

相关 Spring中的FileSystemResource加载加载绝对路径资源

//FileSystemResource 以文件系统的绝对路径的方式访问静态资源 FileSystemResource file= new FileSys

怼烎@/ 2022年05月23日 01:34/ 0 赞/ 340 阅读

相关 vue-cli webpack打包后加载资源的路径问题

vue项目，访问打包后的项目，输入路径后，页面加载空白。这时会有两类问题，都是路径问题。 1.一个是css,js,ico等文件加载不到，是目录里少了dist 打开页面时一片

我就是我/ 2022年04月17日 03:37/ 0 赞/ 499 阅读

相关 tensorflow 模型保存后的加载路径问题

import tensorflow as tf \保存模型 saver = tf.train.Saver() saver.save(sess, "e://code//py

港控/mmm°/ 2021年12月24日 16:05/ 0 赞/ 481 阅读