node、webpack-simple、vue、Ubuntu相关项目部署

通过webpack-simple初始化的项目怎样部署到ubuntu服务器上？

首先在本地将项目开发好，后台node部分正常运行，前后端联调成功。

1、moba连接Ubuntu服务器

2、确定Ubuntu服务器上已经有项目中所需要的mysql数据库

3、通过moba将server文件夹内的node文件复制在所需项目文件夹内

4、再将通过npm run build生成的dist文件复制到项目文件的根目录下

5、再将本地项目内根目录下的index.html文件复制到dist文件夹内

6、如果index.html文件中有引入assets文件夹中的外链文件，则修改URL位置，并将assets文件复制在dist文件夹内。

7、在index.js中设置静态文件目录并修改端口号，添加一下代码：

app.use(express.static(__dirname + ‘/dist’));

监听端口处修改为：

const server = app.listen(8080 , function(){
const host = server.address().address
const port = server.address().port
console.log(“应用实例，访问地址为 http://%s:%s”,host,port)
})

8、在项目根目录下打开cmd窗口，并运行下来命令

npm install express
npm install mysql
node index.js

运行完成后直接访问IP地址+端口号即可

项目目录格式：
跟目录：

dist文件夹目录：

最后

以上就是美丽吐司最近收集整理的关于node、webpack-simple、vue、Ubuntu相关项目部署的全部内容，更多相关node、webpack-simple、vue、Ubuntu相关项目部署内容请搜索靠谱客的其他文章。