javascript - Webpack 无法加载json 文件，如何定位本地json 文件并使用http.get 和AngularJS 加载该文件

Question

我正在使用 ES6 语法的 AngularJs，我正在尝试从 ApiService.js 加载本地 themes.json 文件

  getThemesOptions() {
    this.$http.get('src/app-builder/p3-modal/themes.json')
    .success(function(data) {
      console.log(data);
    })
    .error(function() {

    });

我的文件结构:

src/
  app-builder/
    p3-modal/
      themes.json
  service/
    apiService/
       apiService.js

从控制台看，好像找到文件成功了，但是输出很奇怪，

因为 themes.json 看起来像这样:

我正在使用 Webpack 运行应用程序，访问应用程序的 url 通常不是 localhost，而是 http://10.98.142.233:8080/o2/search/ab相反，我不知道是什么导致了这个问题

请告诉我如何使用带有 webpack 的 AngularJs ES6 正确地从本地加载 json 文件。

谢谢!

这是网络选项卡。

Answer 1

不，实际上发生的是它无法找到 JSON 文件，并且 Webpack 开发服务器将 404 路由回您的 index.html，这就是您在控制台中看到的.成功回调会触发，因为从技术上讲，它不是 404 而是 200 OK。

只要 Webpack 开发服务器在 src 文件夹正上方的目录中提供内容，您所做的就应该有效。我猜情况可能并非如此。