前端项目自动发包方案

vue.config.js

"scripts": {
	"test1": "vue-cli-service build --mode test1 && node ./deploy"
},

deploy/index.js

const scpClient = require('scp2');
const ora = require('ora');
const chalk = require('chalk');
const ssh = require('ssh2');

const spinner = ora('正在发布到' + '测试' + '服务器...');

const server = {
  domain: 'ip:port',
  host: 'ip',
  port: port,
  username: 'account',
  password: 'password',
  path: '/data/web/command'
};

const Client = ssh.Client;
var conn = new Client();
spinner.start();
scpClient.scp(
  './dist',
  {
    host: server.host,
    port: server.port,
    username: server.username,
    password: server.password,
    path: server.path
  },
  function (err) {
    spinner.stop();
    if (err) {
      console.log(chalk.red('发布失败.\n'));
      throw err;
    } else {
      console.log(chalk.green('Success! 成功发布到' + '测试' + '服务器! \n'));
    }
  }
);
conn.end();

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
在Vue项目中发布和部署项目通常需要以下步骤: 1. 构建项目:在项目根目录下运行命令 `npm run build`,这将会构建项目并生成用于生产环境的静态文件。 2. 配置服务器:将生成的静态文件部署到服务器上,可以使用各种Web服务器软件,如Nginx、Apache等。确保服务器已经安装并正确配置。 3. 部署静态文件:将构建生成的静态文件(通常位于 `dist` 目录)上传到服务器的指定目录。可以使用FTP、SCP等工具进行上传。 4. 配置服务器路由:如果你的Vue项目使用了Vue Router进行路由管理,需要在服务器上配置路由转发,以确保在刷新页面或直接访问子路由时能正确加载应用程序。具体配置方法取决于你所使用的服务器软件。 5. 启动服务器:启动你的Web服务器软件,确保它已经监听了正确的端口,并且能够访问服务器上部署的静态文件。 6. 域名绑定:如果你有自己的域名,需要将域名解析到你的服务器IP地址上。可以通过域名注册商提供的管理界面进行域名解析配置。 7. 测试和验证:使用浏览器访问你的项目域名,确保能够正常加载和运行。同时也要测试项目的各项功能和页面是否都正常。 8. 上线发布:当你确认项目在生产环境中工作正常后,你的Vue项目已经成功上线。你可以将上线的信息通知给相关人员和用户。 请注意,这只是一个基本的指南,具体的部署过程可能会因项目需求、服务器配置等因素而有所不同。推荐在具体部署前,先了解服务器配置和相关文档,并根据实际情况进行相应的调整和配置。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值