Express 是一種流行的 NodeJS Web 框架,Vue 是一種流行的前端框架,本文將介紹如何使用 Express 整合 Vue。
安裝 Express 和 Vue CLI:
npm install express vue-cli -g
創(chuàng)建一個新的 Express 應(yīng)用程序:
express my-app cd my-app npm install
創(chuàng)建 Vue 應(yīng)用程序:
vue init webpack client cd client npm install
將 Vue 生成的文件復(fù)制到 Express 應(yīng)用程序的 public 目錄中:
cp -R client/dist/ ../public
修改 Express 應(yīng)用程序中的路由:
const express = require('express'); const path = require('path'); const app = express(); // serve static files app.use(express.static(path.join(__dirname, 'public'))); // handle all routes app.get('*', (req, res) =>{ res.sendFile(path.join(__dirname, 'public/index.html')); }); const port = process.env.PORT || 3000; app.listen(port, () =>{ console.log(`Server started on port ${port}`); });
現(xiàn)在,您可以運行 Express 應(yīng)用程序:
node app.js
然后,在瀏覽器中訪問 http://localhost:3000。
上一篇飄浮窗 css