vue-cli 3版本沒有static文件夾，本地文件應放在哪兒，如何引用

2.x版本目錄：

 

 

 

3.0版本：

 

 

 

 

原來放在static下的文件，現在應該放在public文件夾下
2.x 寫法：

methods: {
  fetchData () {
    let _this = this
    this.$http.get('/static/data/article.json').then(res => {
      _this.htmlText = res.data
    }).catch(err => {
      console.log('22222:', err)
    })
  }
}

 

3.0寫法：

fetchData () {
    // this.htmlText = article[this.$route.query.id].content
  let _this = this;
    this.$http.get('/data/article.json').then(res => {
    _this.htmlText = res.data
  }).catch(err => {
    console.log('222222:', err)
  })
}

 

 如果json文件里有圖片路徑里不用加 public 

<img src=\"../../public/img/details06_3.png\" alt=\"\">

改為：

<img src=\"../../img/details06_3.png\" alt=\"\">

 

cli3.0 項目結構 及相應作用