問題描述

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

是因?yàn)槲翼?xiàng)目依賴的數(shù)據(jù)和內(nèi)容都是通過json文件mock的，build后json數(shù)據(jù)并未打包到dist文件夾中，導(dǎo)致無法請求到數(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

問題解答

回答1：

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

回答2：

錯誤提示跨域了