node.js+express配置vue项目服务器

vue项目打包后如果放在express的服务器里运行?

app.js

var express = require('express');
var fs = require('fs');
var path = require('path');
var bodyParser = require('body-parser');
var app = express();
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
// 访问静态资源
app.use(express.static(path.resolve(__dirname, '../dist')));
// 访问单页
app.get('*', function (req, res) {
    var html = fs.readFileSync(path.resolve(__dirname, '../dist/index.html'), 'utf-8');
    res.send(html);
});
// 监听
app.listen(8081, function () {
    console.log('success listen...8081');
});
详细步骤
  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是使用Node.jsVue.js构建在线考试系统的步骤: 1. 首先,你需要安装Node.jsVue.js。你可以在官方网站上下载并安装它们。 2. 创建一个新的Vue.js项目。你可以使用Vue CLI来创建一个新的项目。在终端中运行以下命令: ``` vue create exam-system ``` 这将创建一个名为“exam-system”的新Vue.js项目。 3. 安装所需的依赖项。在终端中进入项目目录并运行以下命令: ``` cd exam-system npm install ``` 这将安装所有必需的依赖项,包括Vue.js和Express.js。 4. 创建一个Express.js服务器。在项目根目录中创建一个名为“server.js”的新文件,并添加以下代码: ```javascript const express = require('express'); const app = express(); app.listen(3000, () => { console.log('Server started on port 3000'); }); ``` 这将创建一个简单的Express.js服务器,监听端口3000。 5. 创建一个Vue.js组件。在项目根目录中创建一个名为“Exam.vue”的新文件,并添加以下代码: ```html <template> <div> <h1>在线考试系统</h1> </div> </template> <script> export default { name: 'Exam' } </script> ``` 这将创建一个简单的Vue.js组件,用于显示“在线考试系统”标题。 6. 在Vue.js应用程序中使用组件。打开“App.vue”文件,并将以下代码添加到模板中: ```html <template> <div id="app"> <Exam /> </div> </template> <script> import Exam from './Exam.vue' export default { name: 'App', components: { Exam } } </script> ``` 这将在Vue.js应用程序中使用“Exam”组件。 7. 运行应用程序。在终端中运行以下命令: ``` npm run serve ``` 这将启动Vue.js开发服务器,并在浏览器中打开应用程序。 8. 在浏览器中查看应用程序。在浏览器中访问“http://localhost:8080”,你应该能够看到“在线考试系统”标题。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值