欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

express整合vue

老白2年前8瀏覽0評論

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。