接上篇文章讲问什么必须放在静态资源文件中,具体可以转到webpack 模板的文档 - Handing Static Assets

咱们先抛出问题:
在这里插入图片描述

我在根目录新建了文件里面是有数据的,我打开浏览器输http://localhost:8080/hello.json是请求不到的,它会自动给你返回到首页

在这里插入图片描述
但是如果我们在去获取静态目录下的json文件就可以:
在这里插入图片描述
已经获取到了这个json数据:
在这里插入图片描述

vue-cli3.0有两个放置静态资源的目录分别是public和assets。

public放不会变动的文件(相当于vue-cli2.x中的static)
public/ 目录下的文件并不会被Webpack处理:它们会直接被复制到最终的打包目录(默认是dist/static)下。必须使用绝对路径引用这些文件,这个取决于你vue.config.js中publicPath的配置,默认的是/。
assets放可能会变动的文件
assets目录中的文件会被webpack处理解析为模块依赖,只支持相对路径形式。

简单来说就是就是public放别人家js文件(也就是不会变动),assets放自己写的js文件(需要改动的文件)

GitHub 加速计划 / ass / assets
30
1
下载
Ultralytics assets
最近提交(Master分支:3 个月前 )
dcececeb Signed-off-by: Glenn Jocher <glenn.jocher@ultralytics.com> 17 天前
edbe87b8 Signed-off-by: Glenn Jocher <glenn.jocher@ultralytics.com> Co-authored-by: UltralyticsAssistant <web@ultralytics.com> 24 天前
Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐