vue项目部署iis后乱码_vue项目的自动化部署

转载/思否：邢走在云端

阅读本文需要2分钟

在我们日常开发部署vue项目中，一般的步骤是，1，打包，2，上传服务器。需要执行多步操作，网上的自动部署方案有很多，下面的方案相比来说简单上手，虽然功能不是很强大，但是日常的简单项目够用。

一、安装 scp2

npm install scp2 --save-dev

二、写好脚本

创建upload.js 文件，位置和 package.json平级即可。

简略版

'use strict'// 引入scp2var client = require('scp2');client.scp('./dist/', {    // 本地打包文件的位置  "host": 'XXX.XX.XX.XXX', // 服务器的IP地址  "port": 'XX',            // 服务器端口， 一般为 22  "username": 'XXX',       // 用户名  "password": '*****',     // 密码  "path": 'XXX'            // 项目部署的服务器目标位置}, err =>{  if (!err) {    console.log("项目发布完毕!")  } else {    console.log("err", err)  }})

稍微美化下控制台的输出

'use strict'// 引入scp2var client = require('scp2');// 下面三个插件是部署的时候控制台美化所用 可有可无const ora = require('ora');const chalk = require('chalk');const spinner = ora(chalk.green('正在发布到服务器...'));spinner.start();client.scp('./dist/', {    // 本地打包文件的位置  "host": 'XXX.XX.XX.XXX', // 服务器的IP地址  "port": 'XX',            // 服务器端口， 一般为 22  "username": 'XXX',       // 用户名  "password": '*****',     // 密码  "path": 'XXX'            // 项目部署的服务器目标位置}, err =>{  spinner.stop();  if (!err) {    console.log(chalk.green("项目发布完毕!"))  } else {    console.log("err", err)  }})

记得项目git上传时忽略此文件, 因为这里面包含了你的服务器地址、用户以及密码

三、在 package.json 中添加 scripts 命令

"upload": "node upload.js","deploy": "npm run build && npm run upload"

四、执行脚本

npm run deploy

运行这个脚本命令之后，它会先npm run build执行打包命令，然后，执行 node upload.js,将打包的文件上传到服务器

五、结果

vue项目部署iis后乱码_vue项目的自动化部署相关推荐

vue从后台获取新数据后刷新_vue项目中实现定时刷新页面（重新渲染数据实时更新）...
需求: 每隔一分钟自动刷新一下当前页面,同时发送请求,重新渲染数据,以到达实时更新. 开始: js有两种定时器 setInterval(function(){}, milliseconds)--会不停 ...
vue 判断页面加载完成_vue项目搭建及总结
一.vue的两种安装方式 (1)直接在html中引入vue.js (2)通过vue+nodeJS搭建我们采用的是第二种方式二.vue和nodeJS的关系 (1)nodeJS不是一个js框架,是一个 ...
vue怎么vw布局好用_Vue项目中使用vw实现移动端适配-阿里云开发者社区
我们在vue移动端项目中的适配一般都采用rem,但是rem也不是能兼容所有的终端. 随着viewport单位越来越受到众多浏览器的支持,下面将简单介绍怎么实现vw的兼容问题,用vw代替rem 当我们采 ...
vue项目全局配置微信分享_Vue 项目实现微信自定义分享
最近公司项目中有在微信中自定义分享的需要,遇到的问题记录一下. ¶一.实现效果 ¶二.遇到的问题 1.需求:项目需要带参分享,进行好友拆礼盒的类似操作,需要带个参与活动的 id,其实这种分享微信是不太 ...
vue项目没有router文件夹_vue项目——Vue Router路由的使用
前言: 学习vue也有一段时间了,这里把学习整个vue项目中的一些知识点和问题,整理下方便自己记录,也希望给大家带来方便.我会连续写几篇系统的文章,讲解一个完整的vue项目中用到的各个使用模块.今天先 ...
vue项目全局配置微信分享_Vue项目history模式下微信分享总结-个人文章-SegmentFault思否...
每回遇到微信分享都是一个坑,目前的商城项目使用vue开发,采用history的路由模式,配置微信分享又遇到了很多问题,最后终于解决了,现将解决的过程分享一下. 原文https://justyeh.to ...
vue 表格内容跳转页面_Vue项目实战系列文章（一）项目预热
配置环境安装nodejs (https://nodejs.org) 检验: node -v npm -v 创建项目 vue init webpack business(目录名称) 项目代码结构 sr ...
vue导入非es6 js文件_Vue项目兼容IE11
Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性.但对于 IE9+,Vue 底层是支持. 由于开发过程中,我们经常会使用一些第三方插件或组件 ...
vue如何配置服务器端跨域_vue项目里如何配置本地代理实现跨域请求
1.在如图项目配置的index.js文件夹下添加以下一段话微信图片_20180912182204.png proxyTable: { '/rest': { target: 'http://192.1 ...

vue项目部署iis后乱码_vue项目的自动化部署

vue项目部署iis后乱码_vue项目的自动化部署相关推荐

最新文章

热门文章

vue项目部署iis后 乱码_vue项目的自动化部署

vue项目部署iis后 乱码_vue项目的自动化部署相关推荐

最新文章

热门文章

vue项目部署iis后乱码_vue项目的自动化部署

vue项目部署iis后乱码_vue项目的自动化部署相关推荐