1. 目录结构不同
2.x版本目录
3.x版本
vue-cli3是没有static文件夹
原来放在static下的文件,现在应该放在public文件夹下
2.访问写法
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.x写法
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="">