13.项目部署

Windows项目部署（nginx）

官网地址：最好选择Stable version版本安装

然后就是解压直接双击启动exe，将html以及相关文件放到html文件夹下

浏览器输入localhost即可运行该服务

Windows项目部署（Node）

安装相关node服务器所需包(art-template模板引擎以及express框架)

npm i express --save
npm i art-template express-art-template --save

搭建一个简单的node服务器

const express = require('express')
const app = express()
const path = require('path')

//开放资源
app.use('/public', express.static('./public/'))

//配置模板引擎
//模板默认渲染后缀名
app.engine('html', require("express-art-template"))
//模板默认路径
app.set('/views', path.join(__dirname, './views/'))

app.get('/', (req,res) => {
  res.render('index.html')
})

app.listen(3000, () => {
  console.log('server is running...')
})

修改下npm run server时的打包配置，因为node服务器中相关的资源文件放在public文件夹内，所以我们定义打包后的资源引用路径（vue.config.js）

publicPath: '/public'

之后执行打包

npm run build

将css、js、img文件夹复制到public文件夹下

将html以及图标文件复制到view下

node服务器根目录下运行服务

node app.js

这样就部署完成，其实这个和我们平时在开发环境中执行的npm run server过程类似

Linux远程项目部署(nginx)

一般使用Centos作为Linux的服务器，使用较多的操作系统为Ubuntu

secureCRT搭配WinSCP使用

远程安装nginx

yum install nginx

修改相关配置文件

vim nginx.conf