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