Vue + ElementUI的电商管理系统实例28 项目上线-通过node创建web服务器

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Vue + ElementUI的电商管理系统实例28 项目上线-通过node创建web服务器，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1148字，纯文字阅读大概需要2分钟。

内容图文

项目上线

1、项目上线相关配置

创建 node 项目，并安装 express，通过 express 快速创建 web 服务器，将 vue 打包生产的 dist 文件夹，托管为静态资源即可，关键代码如下：

const express = require('express')
// 创建 web 服务器
const app = express()

// 托管静态资源
app.use(express.static('./dist'))

//启动 web 服务器
app.listen(80, () => {
  console.log('web server running at http://127.0.0.1')
})

新建 vue_shop_server 文件夹，用 VScode 打开，然后调用终端，输入：

npm init -y

初始化一个包管理配置文件。

然后安装 express，输入：

npm i express -S

安装完成后，把我们前面打包生成的 dist 目录，拷贝到 vue_shop_server 目录下。并新建 app.js 入口文件：

先导入 express。

const express = require('express')
// 创建 web 服务器
const app = express()

// 托管静态资源
app.use(express.static('./dist'))

//启动 web 服务器
app.listen(80, () => {
  console.log('web server running at http://127.0.0.1')
})

为了测试服务器能不能正常的运行，可以在终端里输入：

node app.js

当终端里可以正常打印出“web server running at http://127.0.0.1”，就证明服务器启动成功了。

然后打开浏览器，输入 http://127.0.0.1

发现可以正常访问。

注意：如果样式有问题的，就把 index.html 文件中的 element-ui 的js文件放在最后面，就可以了。

 

内容总结

以上是互联网集市为您收集整理的Vue + ElementUI的电商管理系统实例28 项目上线-通过node创建web服务器全部内容，希望文章能够帮你解决Vue + ElementUI的电商管理系统实例28 项目上线-通过node创建web服务器所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---