美文网首页
webpack引用动态资源路径错误的解决方案

webpack引用动态资源路径错误的解决方案

作者: 飘空鱼 | 来源:发表于2017-06-14 22:04 被阅读0次

问题:

打包的项目为根目录引用时(ip:端口/index),如果资源通过js动态加载。会导致路径引用错误

需求:

项目需要挂载在主站的次级目录(如:*/marketing/)

解决方法

把项目打包为相对路径;
通过配置vue-router,打包部署包时加上路由前缀(如:/marketing/路由A);
<code>

fis.hook('relative');
fis.match("**",{
relative:false,
release:'/marketing/$0'
 })

</code>

相关文章

  • webpack引用动态资源路径错误的解决方案

    问题: 打包的项目为根目录引用时(ip:端口/index),如果资源通过js动态加载。会导致路径引用错误 需求: ...

  • 相对路径、动态引入 、带~的路径

    相对路径、动态引入 、带~的路径 webpack资源处理的规则,分为相对路径,没有前缀的路径,带~的路径,相对根目...

  • 发布vue改成相对路径

    用vue+webpack做项目,build出来的代码,index引用资源文件用的是绝对路径: 当你想把项目部署到非...

  • WebPack使用总结

    1、如何支持二级站点发布及部署 参考网址:网站子目录部署VUE webpack 打包资源文件路径的正确引用方式 修...

  • vue打包上线后路径报错问题

    vue-cli 打包配置 1、配置项目引用文件问相对路径;2、引用js文件路径错误;3、图片路径错误;4、背景图片...

  • 2019-02-27

    今天做了一天首页动态生成,虽然之前已经做好了静态模板,但动态生成时还是有很多问题需要处理,主要是处理引用资源的路径...

  • 解决html-webpack-plugin img src为[o

    问题: 使用 webpack 插件 html-webpack-plugin, HTML代码中引用图片资源 最后被转...

  • webpack笔记

    publicPath: 所有资源从这个路径开始查找resolve: 指定查找的路径path: webpack内置处...

  • webpack+vue学习笔记

    路径中引用中的@符号是什么意思? 在看使用webpack打包的项目代码时,经常会看到在路径中引用@符号import...

  • Webpack 中 css import 使用 alias 相对

    在用 Webpack 处理打包时,可将某一目录配置一个别名,代码中就能使用与别名的相对路径引用资源。在 Vue 项...

网友评论

      本文标题:webpack引用动态资源路径错误的解决方案

      本文链接:https://www.haomeiwen.com/subject/iaveettx.html