javascript - projek vue-clin, folder dist selepas npm run build, index.html tidak boleh mendapatkan datanya sendiri melalui json, mock

Question

Projek npm run dev dan ujian pasca bina semuanya baik Sekarang apabila saya membuka folder post-build dist index.html, ralat berikut muncul

Adakah kerana data dan kandungan yang bergantung kepada projek saya diejek melalui fail json, dan data json tidak dibungkus ke dalam folder dist selepas binaan, jadi data tidak boleh diminta? Bagaimana untuk menanganinya

Direktori Projek,

Data olok-olok dalam build/dev-server.js

/数据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 yang anda gunakan harus menggunakan laluan relatif, jadi anda perlu membuka perkhidmatan http dan memulakan projek selepas dist Anda boleh menggunakan ./ atau /, dan kemudian membuka fail secara terus, dan laluan itu akan dibaca sebagai laluan daripada cakera keras komputer anda

Answer 2

Mesej ralat ialah merentas domain