Webpack無法加載json文件，如何找到本地json文件並使用AngularJS使用http.get加載

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通常不是本地主機，而是使用http://10.98.142.233:8080/o2/search/ab代替，我不知道是什么原因引起的

請告訴我如何使用AngularJs ES6和webpack從本地正確加載json文件。

謝謝！

這是網絡標簽。

Answer 1

不，實際上發生的事情是無法找到的JSON文件和的WebPack開發服務器路由404回你的index.html，這是你在控制台中看到什么。 之所以觸發成功回調，是因為從技術上講，它不是404，而是200 OK。

只要Webpack開發服務器從src文件夾上方的目錄中提供內容，您所做的就應該可以正常工作。 我猜可能不是這樣。

Answer 2

您的瀏覽器位置是www.google.com/image ，然后當您調用ajax時，請求訪問的網址是www.google.com/image/${url}但是如果在您的網址前加一個斜杠，則類似於/src/app..以及請求的網址，例如www.google.com/${url}