项目实战-爬坑系列vue-cli3.x中public和assets的区别（七）

接上篇文章讲问什么必须放在静态资源文件中，具体可以转到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文件（需要改动的文件）