鍍金池/ 問答/HTML/ ant-design-pro項目npm run build之后瀏覽器打開報錯

ant-design-pro項目npm run build之后瀏覽器打開報錯

用ant-design-pro簡單寫了個項目,用的還是自帶的mock API,自己在根目錄下寫了個server.js運行npm run build打包后的文件,dist目錄如下:
圖片描述

server.js大致內容:

app.use(express.static(path.join(__dirname, 'dist')));
app.use("/", function(req, res){
  res.redirect('/index.html');
});

const port = process.env.PORT || 9008;
const server = http.createServer(app);

server.listen(port, function () {
  console.log('ENS is listening on port : ' + port);
});

啟動server.js打開瀏覽器顯示有302錯誤,控制臺報Cannot read property 'notifyCount' of undefined如下:
圖片描述

圖片描述

user部分沒有改動,服務端傳來的數(shù)據(jù)在控制臺能正常輸出,我搞不懂是哪里出了問題,npm start在瀏覽器可以正常顯示,npm run build之后在瀏覽器127.0.0.1:9008打開報錯,請問各位大神這該怎么解決?

回答
編輯回答
萌小萌
npm run build之后用自己寫的server.js打不開

這是什么意思,從代碼上看server.js是運行在服務端的一個靜態(tài)資源服務,那么為什么要打包到dist,又不能在瀏覽器端運行,是我理解錯問題了嗎。

2018年7月21日 03:23
編輯回答
忠妾

打包出來的項目需要web容器的支持,也就是需要跑到web容器中,比如nginx中。。。
mock數(shù)據(jù)打包出來無效。也就是build的時候,不會將mock數(shù)據(jù)打包進去。你必須將server.js中的地址指向一個服務地址,一般采用代理的方式。

2017年11月9日 20:44