解决。某视频剪辑软件文件全球资源定位器(统一资源定位符)引用文件的问题

遇到的问题：

在钢性铸铁中引入图片，明明目录结构是对的，还是找不到此依赖关系；偏差好好的，构建之后凉凉，图片加载404添加图片路径配置

工具添加别名

//web pack。基地。糖膏剂js别名： { ' @ ' : resolve(' src ')，//加入资产' :解析(' src/资产')}路径书写规则

模板可使用@、~样式只能使用~脚本只能使用@不需要经过打包的静电文件写相对路径根据limit:10000，使用两张图片：

模板div img src:@ img src=' http : @/assets/images/jiban。jpg ' height=' 200px ' img src=' http : @/assets/images/cat。png ' alt='/div img src:~ img src=' http : ~ assets/images/jiban。jpg ' height=' 200px ' img src=' http : ~ assets/images/const cat=require(' @/assets/images/cat。png ')；导出默认值{ data(){ return { jiban，cat } }/script style lang=' SCS ' .css-bg__1 .css-bg__2{ display:内联块；}.CSS-BG _ _ 1 {高度： 200 px宽度： 173像素；背景-image : URL(~资产/图片/jiban。jpg)；背景尺寸：容器；}.CSS-BG _ _ 2 {高度： 49px宽度： 49px背景-image : URL(~资产/图像/卡特彼勒。巴布亚新几内亚)；背景尺寸：容器；}/样式开发环境截图：

添加构建路径配置

添加提取文本插件中publicPath配置，这里根据实际情况配：

//build/util.js //在指定该选项时提取CSS(在生产构建过程中就是这种情况)if(选项。提取){返回提取插件。提取({使用：加载程序，回退： 'vue-style-loader，publicPath: '././'，})else { return[' vue-style-loader '].concat(加载程序)}生产环境截图：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。