鍍金池/ 問(wèn)答/HTML/ vue/cli 3.0 beta使用axios無(wú)法獲取

vue/cli 3.0 beta使用axios無(wú)法獲取

1.代碼
created: function() {

this.axios
  .get("/src/assets/Merch.json")
  .then(response => {
    let Merchs = response.data.Merch;
    /*      this.answers = response.topic_answer; */
    console.log(this.answers);
    console.log(Merchs);
  })
  .catch(error => {
    console.log(error);
  });

2.問(wèn)題提示
xhr.js?ec6c:178 GET http://localhost:8080/src/assets/Merch.json 404 (Not Found)
Error: Request failed with status code 404

at createError (createError.js?16d0:16)
at settle (settle.js?db52:18)
at XMLHttpRequest.handleLoad (xhr.js?ec6c:77)
  
  vue-cli 2.X版本可以，換到3.0就會(huì)遇到這個(gè)問(wèn)題，求大神解釋一下
回答
編輯回答
澐染

vue/cli 3和之前的架構(gòu)不一樣了，有點(diǎn)類(lèi)似于create-react-app腳手架的組織方式。
如果你是相對(duì)路徑引入的話(huà)，webpack會(huì)幫你處理，官方也建議使用相對(duì)路徑。
絕對(duì)路徑的的話(huà)，相關(guān)文件需要放到public目錄下。

clipboard.png

2017年12月13日 22:49
編輯回答
笨尐豬

把 Merch.json 文件放到 static 目錄下，然后

axios.get('http://localhost:8080/static/Merch.json')
2017年1月4日 06:32
編輯回答
小眼睛

錯(cuò)誤信息是路徑找不到，就是路徑寫(xiě)錯(cuò)了，vue開(kāi)發(fā)環(huán)境和生產(chǎn)環(huán)境下資源路徑會(huì)發(fā)生改變，具體要看你的項(xiàng)目結(jié)構(gòu)是怎樣的。

一般都是放在static下

axios.get('/static/...')
2017年2月24日 10:06