vue-cli4 无法访问static资源问题

首先在根目录下的 vue.config.js 文件进行设置（没有的话创建一个）。设置代码如下：

module.exports = {
    // 基本路径
    publicPath:"./",  // 可以设置成相对路径，这样所有的资源都会被链接为相对路径，打出来的包可以被部署在任意路径
    outputDir:"dist",  //打包时生成的生产环境构建文件的目录
    assetsDir: 'public',  // 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录
}

然后将你的静态文件存放在public文件夹下

比如我的data.json文件存放在 public/mock/data.json

然后访问资源的时候不要写上 public。不然会一直访问不到data.json

url: "http://localhost:8080/mock/data.json" // 可以访问

url: "http://localhost:8080/public/mock/data.json"  // 无法访问