0
点赞
收藏
分享

微信扫一扫

vue项目打包部署

雨鸣静声 2022-03-10 阅读 66

首先在项目目录第一层打开cmd

在这里插入图片描述

这里我的项目文件名称是untitled01

接着运行命令npm run build

在这里插入图片描述

运行成功如下

在这里插入图片描述

项目里面有个dist文件夹

在桌面上建立个文件夹server,将它作为vscode工作区

在server之上打开终端

在这里插入图片描述

运行npm init

提示package name: (server)

输入一个英文项目名

然后一直回车

然后运行npm i express

成功后如下在这里插入图片描述

将刚才打包好的’dist’改命为’static’并将它放到’server’里面

在这里插入图片描述

这里是server.js

// 获取require模块
const express = require('express');

const app = express();
// 配置静态路径
app.use(express.static(__dirname+'/static'));
// 以5000端口启动一个服务器
app.listen(5000,(err)=>{
    if(!err) console.log('服务器启动成功了');
});

在这里插入图片描述

右击server打开终端

运行node server

访问localhost:5000

----完成-----

举报

相关推荐

0 条评论