javascript - projet vue-clin, dossier dist après la construction d'exécution de npm, index.html ne peut pas obtenir ses propres données via json, mock

Question

Le projet npm run dev et le test post-build fonctionnent tous bien. Maintenant, lorsque j'ouvre le dossier dist post-build index.html, l'erreur suivante apparaît

.

Est-ce parce que les données et le contenu sur lesquels repose mon projet sont simulés via des fichiers json et que les données json ne sont pas regroupées dans le dossier dist après la construction, les données ne peuvent donc pas être demandées ? Comment y faire face

Annuaire de projets,

Données simulées dans 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

L'API que vous utilisez doit utiliser un chemin relatif, vous devez donc ouvrir le service http et démarrer le projet après dist. Vous pouvez utiliser ./ ou /, puis ouvrir le fichier directement, et le chemin sera lu comme chemin. du disque dur de votre ordinateur

Answer 2

Le message d'erreur concerne plusieurs domaines