github一键部署vue-cli项目到服务器

一.首先得有一台服务器,腾讯云阿里云等可以,推荐linux

二.再把我们的项目发送到github上

- 先建立一个远程仓库,名字自取

三.在我们的项目的终端,通过git发送到github上

 - git init 建立一个远程仓库
 - git add .
 - git commit -m '注释,自写'
 - git remote add origin +项目远程地址(如果出现fatal: remote origin already exists.那先git remote rm origin再git remote add origin +项目远程地址)
 - git push -u origin master(如果出现error: failed to push some refs to ,那就git pull --rebase origin master,再git push -u origin master)

四.在电脑终端,创建公玥和私玥

  ssh-keygen -t rsa -C auto deployment -f deployment   下面就一直enter就行了
  cd .ssh
  将私玥拷贝到ssh里面
  cp ~/deployment
  ls    查看一下

五.新建一个终端,连接我们的云服务器,拷贝公玥到服务器

   scp deployment.pub  root@你的公网地址加上:.
   cd .ssh
   vim authorized_keys
   将公玥拷贝到这里面
   cd ..
   cat deployment.pub >> ~/ssh/authorized_keys

六.将本地的私玥打开

vim deployment

七.将私玥拷贝到github上(settings下面的secrets里面)

  Add a new secret
  名字取FUWUQI(随便取,后面要对应上)

八.点击我们的action

创建一个node.js(set up this workflow)
配置信息

   name: Node.js CI

on: [push]

jobs:
  build:

    runs-on: ubuntu-latest

    strategy:
      matrix:
        node-version: [12.x]

    steps:
    - uses: actions/checkout@v2
    - name: Use Node.js ${{ matrix.node-version }}
      uses: actions/setup-node@v1
      with:
        node-version: ${{ matrix.node-version }}
    - run: npm install
    - run: npm run build --if-present
    - run: npm test
      env:
        CI: true 
         # Deploy
    - name: Deploy 
      uses: easingthemes/[email protected]
      env:
          SSH_PRIVATE_KEY: ${{ secrets.FUWUQI }} 跟你取得名字对应上
          ARGS: "-rltgoDzvO --delete"
          SOURCE: "dist/"
          REMOTE_HOST: ""   你的公网ip
          REMOTE_USER: "root"  服务器名字
          TARGET: ""  你要存的位置

八.在ForkList中,登录你的云服务器,创建一个TARGET里面的地址

九.回到github中,在配置页面,点击start commit,创建好之后,用TARGET里面的地址九可以访问了

十.前提是你需要在你的vue.config.js中配置一下

      publicPath:process.env.NODE_ENV === 'production' ? './' : './',
  outputDir:'dist',
  indexPath:'index.html',
  filenameHashing:true,
  lintOnSave:process.env.NODE_ENV === 'production',
  runtimeCompiler:false,
  productionSourceMap:true

十一.大功告成

发布了53 篇原创文章 · 获赞 76 · 访问量 1673

猜你喜欢

转载自blog.csdn.net/weixin_45389051/article/details/104780071