javascript - vue-clin項目，npm run build後dist資料夾，index.html無法取得自己通過json，mock的數據

Question

專案npm run dev，跟build後測試都沒問題，現在就是打開build後dist資料夾index.html出現下面報錯

#是因為我專案依賴的資料和內容都是透過json檔案mock的，build後json資料並未打包到dist資料夾中，導致無法請求到資料嗎？該怎麼處理

專案目錄，

#build/dev-server.js中mock的資料

/数据mock
var appData = require('../data.json');
var seller = appData.seller;
var goods = appData.goods;
var ratings = appData.ratings;

var apiRouters = express.Router();
apiRouters.get('/seller',function(req,res){
  res.json({
    errno:0,
    data:seller
  })
})

apiRouters.get('/goods',function(req,res){
  res.json({
    errno:0,
    data:goods
  })
})

apiRouters.get('/ratings',function(req,res){
  res.json({
    errno:0,
    data:ratings
  })
})


app.use('/api',apiRouters)
//数据mock

---

Answer 1

你用的api應該用的是相對路徑，所以你要開http服務啟動dist後的項目，你可能使用的是./或者/，然後直接打開文件之後，路徑就會讀成你的電腦硬碟路徑

Answer 2

錯誤提示跨域了