电商后台管理系统——通过node 创建 web服务器

我会带着你远行 2021-07-25 00:34 347阅读 0赞

# 一  点睛 #

创建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.01)
    })

# 二 具体步骤 #

1 新建 vue\_shop\_server 项目。

2 执行如下命令，初始化包管理配置文件

F:\vue\vue_shop_server>npm init -y

3 安装 express 第三方包

F:\vue\vue_shop_server>npm i express -S

4 将 vue 项目打包生成的 dist 文件夹，拷贝到 vue\_shop\_server 目录下

5 新建 app.js

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')
    })

6 启动服务

F:\vue\vue_shop_server>node app.js
    web server running at http://127.0.0.1

7 测试

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70]: /images/20210724/1990dbefad76437d8d5fa15f76d10c23.png

发表评论取消回复

表情：

评论列表（有 0 条评论，347人围观）

还没有评论，来说两句吧...

相关阅读

相关电商后台管理系统——通过node 创建 web服务器

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

我会带着你远行/ 2021年07月25日 00:34/ 0 赞/ 348 阅读

相关电商后台管理系统用户列表

目录一代码 1 新增 Users.vue 2 修改路由 index.js 3 修改 Home.vue 4 修改全局 global.css 二测试三源码参

Dear 丶/ 2021年07月24日 22:25/ 0 赞/ 593 阅读

相关电商后台管理系统修改用户

一代码修改Users.vue <template> <div>

末蓝、/ 2021年07月24日 22:07/ 0 赞/ 533 阅读

相关电商后台管理系统——打包报告

一打包报告打包时，为了直观地发现项目中存在的问题，可在打包时生成报告。生成报告的方式有两种： 1 通过命令行参数的形式生成报告 // 通过 vue-cli

迈不过友情╰/ 2021年07月24日 20:45/ 0 赞/ 508 阅读

相关电商后台管理系统——开启gzip

一点睛使用 gzip 可以减小文件体积，使传输速度更快。可以通过服务器端使用 Express 做 gzip 压缩。二步骤 1 安装第三方包 compr

超、凢脫俗/ 2021年07月24日 20:10/ 0 赞/ 500 阅读

相关电商后台管理系统分类管理列表功能

一点睛商品分类概述商品分类用于在购物时，快速找到所要购买的商品，可以通过电商平台主页直观看到。二安装 vue-table-with-tree-grid依赖

我会带着你远行/ 2021年07月24日 19:33/ 0 赞/ 846 阅读

相关电商后台管理系统权限列表

目录一代码 1 新增 Rights.vue 2 修改路由index.js 3 注册标签element.js 二测试三源码参考 -------------

超、凢脫俗/ 2021年07月24日 19:31/ 0 赞/ 573 阅读

相关电商后台管理系统主页布局

目录一点睛 1 整体布局 1.1 先上下划分，在左右划分。 1.2 菜单分两级，并且可以折叠。 2 通过接口获取菜单数据二代码 1 新增主页 Home

亦凉/ 2021年07月24日 18:29/ 0 赞/ 605 阅读

相关电商后台管理系统删除用户

一代码 1 修改element.js import Vue from 'vue' // 按需分配各个组件 import {

蔚落/ 2021年07月24日 17:39/ 0 赞/ 515 阅读

相关电商后台管理系统添加用户

目录一代码 1 修改 element.js,按需注册相关组件 2 修改 Users.vue 二测试三源码参考 --------------------

朴灿烈づ我的快乐病毒、/ 2021年07月24日 14:11/ 0 赞/ 548 阅读