Vue打包之后部署到 express 服务器上

Part.1 安装 express

npm install express body-parser --save

Part.2 在项目根目录下创建 app.js 文件作为启动 express 服务器代码

app.js 文件内容如下：

 const express = require('express')

 const app = express()

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

   res.send('hello express!')

 })

 app.listen(3000,() => {

     console.log('app listening on port 3000.')

 })

Part.3 在项目中执行 node app.js 命令打开浏览器 127.0.0.1:3000, 页面出现 "hello express" 即为成功

Part.4 在项目中执行 npm run build 命令进行打包操作生成 dist 文件

Part.5 修改 app.js 内容

 const express = require('express')

 const path = require('path')

 const app = express()

 app.use(express.static(path.join(__dirname, 'dist')))

 app.listen(3000,() => {

     console.log('app listening on port 3000.')

 })

Part.6 找到 packge.json 文件，添加如下配置

  "scripts": {

     "dev": "node build/dev-server.js",

     "build": "node build/build.js",

     "server": "nodemon app.js",

     "start": "node app.js" // 添加项

   },

Part.7 运行

输入命令：

npm run start

巴特西

Vue打包之后部署到 express 服务器上

Part.1 安装 express

Part.2 在项目根目录下创建 app.js 文件作为启动 express 服务器代码

Part.3 在项目中执行 node app.js 命令打开浏览器 127.0.0.1:3000, 页面出现 "hello express" 即为成功

Part.4 在项目中执行 npm run build 命令进行打包操作生成 dist 文件

Part.5 修改 app.js 内容

Part.6 找到 packge.json 文件，添加如下配置

Part.7 运行

最新文章

热门文章

巴特西

Vue打包之后部署到 express 服务器上

Part.1 安装 express

Part.2 在项目根目录下创建 app.js 文件作为启动 express 服务器代码

Part.3 在项目中执行 node app.js 命令 打开浏览器 127.0.0.1:3000, 页面出现 "hello express" 即为成功

Part.4 在项目中执行 npm run build 命令进行打包操作生成 dist 文件

Part.5 修改 app.js 内容

Part.6 找到 packge.json 文件，添加如下配置

Part.7 运行

最新文章

热门文章

Part.3 在项目中执行 node app.js 命令打开浏览器 127.0.0.1:3000, 页面出现 "hello express" 即为成功