刚新建项目就弹出这个,代码都没打,点哪个都不行,弹窗还是在,是什么原因?

刚新建项目就弹出这个,代码都没打,点哪个都不行,弹窗还是在,是什么原因?

img

  • 帮你找了个相似的问题, 你可以看下: https://ask.csdn.net/questions/7647710
  • 我还给你找了一篇非常好的博客,你可以看看是否有帮助,链接:不得了不得了,这款开源类库可以帮你简化每一行代码,服了服了
  • 除此之外, 这篇博客: 前端项目一键打包自动部署中的 前端平时开发完项目都需要部署到线上,都需要先打包,再删除线上文件,再上传,项目多了总是会很麻烦,写个一键部署并不是很麻烦 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • 首先安装shelljsssh2-sftp-client

    cnpm i shelljs ssh2-sftp-client --save-dev
    
    • Shelljs是Node.js下的脚本语言解析器,具有丰富且强大的底层操作(Windows/Linux/OS X)权限

    • ssh2-sftp-client是一个用于node.js的SFTP客户端,一个用于SSH2的包装程序(提供高级便利抽象)以及一个基于Promise的API

    package.json里面新增命令 创建文件

    ...
    	"scripts": {
        "serve": "vue-cli-service serve",
        "build": "vue-cli-service build",
        "upload": "node upload/index.js"
      },
    ...
    

    新建config和index文件

    在这里插入图片描述

    直接上代码

    config.js

    module.exports = {
      ip: "", // ssh地址
      username: "", // ssh 用户名
      port:"",      //端口
      password: "", // ssh 密码
      path: '/opt/html/', // 操作开始文件夹 可以直接指向配置好的地址
      rmpath: '/opt/html' // 需要删除的文件夹
    }
    

    index.js

    const config = require('./config.js')
    const shell = require('shelljs')
    const path = require('path');
    let Client = require('ssh2-sftp-client');
    // 打包 npm run build
    const compileDist = async () => {
      if(shell.exec(`npm run build`).code==0) {
        console.log("打包成功")
      }
    }
    
    async function connectSSh() {
      let sftp = new Client();
      sftp.connect({
        host: config.ip, // 服务器 IP
        port: config.port,
        username: config.username,
        password: config.password
      }).then(() => {
        console.log("先执行删除服务器文件")
        return sftp.rmdir(config.rmpath, true);
      }).then(() => {
        // 上传文件
        console.log("开始上传")
        return sftp.uploadDir(path.resolve(__dirname, '../dist'), config.path);
      }).then((data) => {
        console.log("上传完成");
        sftp.end();
      }).catch((err) => {
        console.log(err, '失败');
        sftp.end();
      });
    }
    async function runTask() {
      await compileDist()     //打包完成
      await connectSSh()      //提交上传
    }
    runTask()
    
  • 您还可以看一下 数智优佳学堂老师的智慧城市之智慧中台专题-如何适应大数据时代变革?课程中的 版权声明小节, 巩固相关知识点