vue发布项目到服务器

212 阅读1分钟

在控制台上进入到项目目录输入命令

npm run build

image.png

会在目录将项目打包到'dist'文件夹下

image.png 创建个文件夹将'dist'复制进去然后创建个'app.js'文件

image.png 输入命令

npm init -y

image.png

然后输入命令安装依赖

npm i express -D

image.png

image.png

在'app.js'输入以下代码

const express = require('express');

const app = express();

// 托管静态文件
app.use(express.static('./dist'));

// 4008是端口,可以自行设置
app.listen(4008, () => {
    console.log("Server StartUp:http:127.0.0.1:4008");
})

image.png

然后将代码上传到服务器,使用控制台进入到目录输入命令开启服务

node app.js

image.png

在外面用域名或者ip加端口访问即可

image.png

关于.NET后端Api的部署也可以看我之前的文章