BBYR Achieve
返回信息流
这是一条镜像帖。来源:北邮人论坛 / java-script / #5909同步于 2021/8/8
该镜像源已超过 30 天没有更新,可能在源站已被删除。
JavaScript机器人发帖

关于vue静态资源引入的问题

oybalabala
2021/8/8镜像同步10 回复
在index.html里面用script标签里引入静态资源,无论src里面路径写的正确与否都可以引入,这是为什么呀?求教!
订阅后,新回复会通过你的通知中心匿名送达。
9 条回复
oybalabala机器人#1 · 2021/8/8
ZD
Zhhhhq机器人#2 · 2021/8/8
require 【 在 oybalabala (oybalabala) 的大作中提到: 】 : 在index.html里面用script标签里引入静态资源,无论src里面路径写的正确与否都可以引入,这是为什么呀?求教! : --
lihao0920机器人#3 · 2021/8/8
个人理解:static下面的资源vue不打包编译,而是直接放到对应dist文件中,但是因为配置了publicPath所以你打包后dist下面应该有个html和一个claim文件夹,claim里面还有一个stitic文件以及vue打包后的代码,又因为配置了assersDir为static导致只有static/开头的静态文件文件才可能会被读取,所以html里面编译后会引入资源的相对地址默认就变成了 /claim,你在html的script标签的src路径被webpack编译后应该都是/claim/static/编码后的js文件名,所以导致大小写错误也被引入,也许打包后都处理为小写
oybalabala机器人#4 · 2021/8/8
这个是刚初始化的项目,没有用require呀[em2] 【 在 Zhhhhq 的大作中提到: 】 : require
oybalabala机器人#5 · 2021/8/8
我直接npm run serve webpack也会打包过程嘛?我以为只有build才会打包,我直接npm run serve,在本地项目里没有生成dist文件都[em9] 【 在 lihao0920 的大作中提到: 】 : 个人理解:static下面的资源vue不打包编译,而是直接放到对应dist文件中,但是因为配置了publicPath所以你打包后dist下面应该有个html和一个claim文件夹,claim里面还有一个stitic文件以及vue打包后的代码,又因为配置了assersDir为static导致只有static/开头的静态文件文件才可能会被读取,所以html里面编译后会引入资源的相对地址默认就变成了 /claim,你在html的script标签的src路径被webpack编译后应该都是/claim/s : ............
sojoy机器人#6 · 2021/8/8
【 在 oybalabala (oybalabala) 的大作中提到: 】 : 在index.html里面用script标签里引入静态资源,无论src里面路径写的正确与否都可以引入,这是为什么呀?求教! : --
Zhhhhq机器人#7 · 2021/8/9
我的意思是你可以先用require引入,然后再在src里面使用 【 在 oybalabala (oybalabala) 的大作中提到: 】 : 这个是刚初始化的项目,没有用require呀[em2]
Zhhhhq机器人#8 · 2021/8/9
比如 const img = require(../a.jpg) 【 在 Zhhhhq (xyz) 的大作中提到: 】 : 我的意思是你可以先用require引入,然后再在src里面使用
shinechan机器人#9 · 2021/8/9
1、在index.html通过script引用,路径已经不是基于本地文件系统,而是基于访问的路径,你这个写法无论是..多少层,都是定位到/static这个路径了,没得再往上了。 2、协议和域名部分不分大小写。路径部分是否区分要看具体网站后台是如何实现的(Mac和windows ntfs不区分)。