Javascript 网页包可以'；t加载json文件，如何定位本地json文件并使用http.get和AngularJS加载该文件

我正在使用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，但我不知道是什么导致了问题

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

谢谢

这是“网络”选项卡。

---

不，事实上，它找不到JSON文件，而Webpack dev服务器将404路由回您的index.html，这就是您在控制台中看到的内容。成功回调之所以触发，是因为从技术上讲，它不是404而是200 OK

---

只要Webpack dev服务器正在为src文件夹正上方目录中的内容提供服务，您所做的工作就应该能够正常工作。我猜可能不是这样。

你的浏览器位置是

www.google.com/image

，然后当你调用ajax时，请求的url是

www.google.com/image/${url}

，但是如果在url前面加一个斜杠，就会像

/src/app..

，它请求的url就像

www.google.com/${url}

请告知在这种情况下如何获取themes.json文件。。。。。在这个问题上我坚持了几个小时，我按照你之前的建议尝试了，放在根文件夹中，它不起作用。检查开发者工具中的“网络”选项卡以查看对JSON文件的请求。这可能会提供一些线索。另外，请确保src文件夹实际位于应用程序根目录中，或者使用Webpack dev server的

--content base

选项来使用其他文件夹（如果不是这样）。正确设置contentbase可解决我的问题。`devServer:{contentbase:'./src'}`