問(wèn)題描述

項(xiàng)目npm run dev，和build后測(cè)試都沒(méi)問(wèn)題，現(xiàn)在就是打開(kāi)build后dist文件夾index.html出現(xiàn)下面報(bào)錯(cuò)

是因?yàn)槲翼?xiàng)目依賴(lài)的數(shù)據(jù)和內(nèi)容都是通過(guò)json文件mock的，build后json數(shù)據(jù)并未打包到dist文件夾中，導(dǎo)致無(wú)法請(qǐng)求到數(shù)據(jù)嗎？應(yīng)該怎么處理項(xiàng)目目錄，

build/dev-server.js中mock的數(shù)據(jù)

/數(shù)據(jù)mockvar 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)//數(shù)據(jù)mock

問(wèn)題解答

回答1：

你用的api應(yīng)該用的是相對(duì)路徑，所以你要開(kāi)http服務(wù)啟動(dòng)dist后的項(xiàng)目，你可能使用的是./或者/，然后直接打開(kāi)文件之后，路徑就會(huì)讀成你的電腦硬盤(pán)路徑

回答2：

錯(cuò)誤提示跨域了