vue库模式打包npm安装后静态资源无法正常访问。有偿提问

vue使用 --target lib模式打包组件,组件安装注册后静态资源无法访问,求大佬解决,有红包
img

img

img

图片没有加载的话,是路径问题,看下加载图片请求是否为404。

Vue--解决build静态资源后无法直接访问问题_杨玉书的博客-CSDN博客_vue打包后无法访问 问题原因,打包之后访问路径错误,index.html打开是空白,F12报错找不到引用文件,一看引用在了根目录(文件所在盘,如:C盘、E盘)解决步骤1,修改使用路由方式将路由从history换成hashconst router = new VueRouter({ mode: "hash", base: process.env.BASE_URL, routes});步骤2,修改使用配置文件// vue.config.jsmodule.exports = { // 解决 https://blog.csdn.net/yys190418/article/details/107217457/
如果有帮助,麻烦点个采纳

那个不行看一下这个行不行
Vue cli3解决npm run build后部分静态资源访问不到的方法 - 简书 最近在做VUE项目的时候,发现打包后部分静态资源访问不到,查找资料后找到解决方法把history模式删掉,就可以访问到静态资源 [history模式和hash模式]](htt... https://www.jianshu.com/p/96cb397f034f

感觉图片后面的哈希值是打包的时候生成的,你写固定值应该不行,@ 方法你试过没?

你把图片文件夹放到src路径下啊,然后通过@+src下的相对路径访问,比如@/img/...

你把图片文件夹放到src路径下啊,然后通过@+src下的相对路径访问,比如@/img/...
如果是公共静态资源,放到public/static路径下
vue下一般可以用@+相对路径访问文件

将路由从history换成hash

img

const router = new VueRouter({
  mode: "hash",
  base: process.env.BASE_URL,
  routes
});


修改使用配置文件

img

// vue.config.js
module.exports = {
    // 解决不引用就会报错
    lintOnSave: false,
    publicPath: "./",
}


之后静态访问成功,这个使用相对路径就行,如果本地跑项目的话