美文网首页
vue项目使用webpack打包,并上传到服务器运行

vue项目使用webpack打包,并上传到服务器运行

作者: CoderZb | 来源:发表于2020-02-11 11:02 被阅读0次

1.执行如下命令,先将项目生成dist目录

sudo cnpm run build

2.新建空白项目aaaaa
3.在空项目aaaa中依次执行如下两条命令

cnpm init -y
cnpm install express -save

4.将步骤1的dist目录整体放到 项目aaaa中
5.在aaaa项目中,新建app.js文件,并填入以下内容

const express = require('express')
const app = express()
// 托管静态资源
app.use(express.static('./dist'))
app.listen(90, () => {
    // 项目目录,运行node app.js,然后如果打印了下面的log的话,就说明服务器部署成功。可以在浏览器输入http://127.0.0.1:90 即可打开网页
    console.log('CoderZb server running at http://127.0.0.1:90');
})

6.将项目aaaa上传到服务器的/var/www/html目录下
7.此时服务器上并没有安装express,所得得先删除掉服务器中aaaa目录中的node_modules文件夹。
8.然后在aaaa目录中执行cnpm install express -save命令安装express
9.二级域名+Nginx反向代理实现多个域名指向同一个公网ip.我这里新建域名是salesman.520byte.com
10.在aaaa目录中执行node app.js或者执行pm2命令即可运行项目。
11.浏览器输入salesman.520byte.com,OK

相关文章

网友评论

      本文标题:vue项目使用webpack打包,并上传到服务器运行

      本文链接:https://www.haomeiwen.com/subject/awwtfhtx.html