此文章分享一下如何将vue写的项目在服务器上跑起来，简单实用，从前端到后端，连接了起来。

项目打包

vue写好的项目在终端执行npm run build,会在项目的根目录产生dist文件夹，文件夹的内容如下：

OK，打包步骤完成

搭建服务器

这里采用的也是js的语法，不涉及java等后端语言。 首先要新建一个deploy文件夹，在文件夹中执行npm init,然后使用npm i express安装express框架，然后在项目的根目录下建立static文件夹，将打包好的资源复制到这个文件夹，接下来的操作就肥仓简单了，新建一个server.js文件，编写如下内容：

const express=require('express');
const server=express();
server.use(express.static(__dirname+'/static'));

server.get('/test',(req,res)=>{
    res.send();
})
server.listen(()=>{
    console.log('server started!')
})

ok,服务器就已经搭建完了，只需在终端输入node server.js；即可启动服务器，接下来在浏览器窗口输入localhost回车就能看到项目的运行界面了。

最后，如果对代码有疑问，欢迎在评论区交流