javascript - vue-clin-Projekt, dist-Ordner nach npm run build, index.html kann seine eigenen Daten nicht über JSON abrufen, Mock
高洛峰
高洛峰 2017-05-16 13:29:06
0
2
839

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

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

Antworte allen(2)
迷茫

你用的api应该用的是相对路径,所以你要开http服务启动dist后的项目,你可能使用的是./或者/,然后直接打开文件之后,路径就会读成你的电脑硬盘路径

仅有的幸福

错误提示跨域了

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage