javascript - vue-clin-Projekt, dist-Ordner nach npm run build, index.html kann seine eigenen Daten nicht über JSON abrufen, Mock

Question

Das Projekt npm run dev und der Post-Build-Test sind alle in Ordnung, wenn ich nun den Post-Build-Dist-Ordner index.html öffne, erscheint die folgende Fehlermeldung:

Liegt es daran, dass die Daten und Inhalte, auf die mein Projekt angewiesen ist, durch JSON-Dateien verspottet werden und die JSON-Daten nach dem Build nicht in den Dist-Ordner gepackt werden, sodass die Daten nicht angefordert werden können? Wie man damit umgeht

Projektverzeichnis,

Mock-Daten in 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应该用的是相对路径，所以你要开http服务启动dist后的项目，你可能使用的是./或者/，然后直接打开文件之后，路径就会读成你的电脑硬盘路径

Answer 2

错误提示跨域了