创建微服务测试vue打包文件，服务器上部署打包的页面

项目上线基本流程：

        1.打包：npm run build      生成dist文件

        2.文件交给服务器部署（才可见）   

 构建微型服务器测试文件：

​   一，搭建微服务环境

创建文档demo  ---  npm init --- 文档命名： vue_test_server  --- 一路enter --- npm i express

 1.使用vscode打开文档

 2.终端输入：npm init

3.命名自己命名

4.剩下的直接nerter

5.终端输入：npm i express

结果展示：

 二，创建微型服务器

1.右键新建一个服务器主文件

 

 2.server.js里面写如下代码，一个微型服务器创建成功 

const express = require('express')

const app = express()

app.get('/person', (req, res) => {

    res.send({

        name: 'tom',

        age:18,

    })

})

app.listen(5005, (err) => {

    if (!err) {

        console.log('微型服务器创建成功')

    }

})

3.终端输入node server启动

4.浏览器输入：http://localhost:5005/person   

 三，测试数据能否传递

 1.创建文档命名为static，写一个静态测试页面

 

 2.关闭服务器（终端输入Ctrl+c）；重新启动终端输入node server;

浏览器输入 http://localhost:5005/demo.html

 出现如下页面，服务器访问数据成功四，完成最后的资源部署

1.将最开始生成的dist文件中的内容复制到staric文档中

 2.终端启动服务器，再浏览器输入 http://localhost:5005/#/

 3.显示此页面，恭喜了，网站部署成功了！！

 小tips:

这是我的配好的可以看看

链接：https://pan.baidu.com/s/1-MxU17UaciPin8JDY6Dy8w?pwd=1234
提取码：1234

也可以用自己的，反正vue打包dist文档里面的内容复制出来，往static文档里粘贴就行了，

再启动一下服务器就可以看见自己写的页面了