webpack打包后访问不到json文件

Posted 2020-10-16

一、问题描述

在vue中，前端写ajax假数据，用axios将json数据渲染到组件中，开发期间一切正常，webpack打包压缩后，json文件的路径错误，页面访问不到数据，导致渲染失败。

二、预期结果

能正常获取数据，渲染页面。

三、问题分析

因为webpack没有把json文件打包到dist目录，所以not found，即便加了json-loader也无用。

四、解决方案

手动把ajax数据目录拷贝到dist目录，先让页面完整出来。通常ajax数据是后端给前端一个接口地址，前端去访问的，所以这里，前端不必想着打包json文件，还弄什么压缩，name哈希。