vue 請求本地json文件出現的問題

本地調試

 this.$axios.get("http://localhost:8080/static/sichuan.json").then(geoJson => {})

這是請求四川的json地圖文件，這個使用echarts中取 的四川數據，本地直接 就是8080直接調試就行

 

 

上線怎么搞

 

 

this.$axios.get(this.jsonUrl+'/static/sichuan.json').then(geoJson => {}）

vue打包之后是index.html和static文件夾   所以我們直接放入static里面就行

 

 

這里需要注意一下 不能直接寫成

this.$axios.get('https://bigdata.xxxxx.cn /static/sichuan.json').then(geoJson => {}）

我試過不行，

 

main.js里面的

 

Vue.prototype.jsonUrl = 'https://bigdata.xxxxx.cn';

 

搞定

 

 為啥本地建立的json文件需要放置  /static 目錄下？？

我的理解是因為你打包之后只有index,html  和static文件夾  static是放靜態文件的地方，這個文件夾會放在更目錄下  所以放入這里面 直接相對路徑就可以訪問