精华内容
下载资源
问答
  • vuecli项目通过github插件自动部署到服务器,每次push代码后可自动打包放置服务器上。个人博客文章地址 1 创建一个项目并提交 项目以vuecli和node作为例子。 在本地创建一个vuecli项目 创建一个github仓库 提交项目...

    1 创建一个项目并提交

    2 配置公钥和私钥

    3 github配置

    4 创建actions

    5 一些错误

    vuecli项目通过github插件自动部署到服务器,每次push代码后可自动打包放置服务器上。个人博客文章地址

    1 创建一个项目并提交

    项目以vuecli和node作为例子。

    1. 在本地创建一个vuecli项目
    2. 创建一个github仓库
    3. 提交项目到仓库中

    2 配置公钥和私钥

    window下建议使用git bash,这样命令相同。

    1. cd ~ - 到根路径下
    2. ssh-keygen -t rsa -C auto -f auto-deploy - 创建公钥私钥
    3. ls -la - 查看所有文件,此时应该可以找到auto-deploy 和 auto-deploy.pub两个文件,同时会看到一个.ssh的文件夹
    4. cd .ssh - 进入.ssh文件夹
    5. cp ~/auto-deploy . - 拷贝私钥到.ssh文件夹中
    6. cd ~ - 回到根路径下
    7. scp auto-deploy.pub root@47.**.67.60:. - 拷贝公钥到服务器,地址填写自己的服务器地址,注意后面有:.
    8. ssh root@49.**.67.60 - 连接无服务器,会提示输入密码,是一个密文,输入完回车就好
    9. ls - 查看公钥是否已经拷贝到服务器。
    10. cat auto-deploy.pub >> ~/.ssh/authorized_key - 拷贝公钥到服务器.ssh中

    3 github配置

    进入刚刚创建的github仓库。进入下面路径:

    github
    settings
    secrets
    add a new secret
    设置名字这里以(FUWUQI)为例
    粘贴私钥
    确定添加

    私钥内容可以在本地的auto-deploy文件中看到。注意将begin跟end也要复制!全部复制!

    vim auto-deploy

    私钥内容

    4 创建actions

    在这里插入图片描述
    在这里插入图片描述

    点击set up创建node的工作流,大概会看到下面一串代码。圈起来的地方是添加的,只需要修改node版本,服务器地址,打包路径。注意对齐,没对齐会标红。填写完后点击绿绿的start commit - commit new file即创建完成。

    在这里插入图片描述

    - name: Deploy 
      uses: easingthemes/ssh-deploy@v2.0.7  
      env:   
         SSH_PRIVATE_KEY: ${{ secrets.FUWUQI }}       
         ARGS: "-rltgoDzvO --delete"
         SOURCE: "dist/"  
         REMOTE_HOST: ""  
         REMOTE_USER: "root"   
         TARGET: ""
    

    刷新界面会看到插件在运行,第一次打包会比较久,之后每次push都会自动的打包并部署到服务器上。

    5 一些错误

    可以在actions里看到工作流,点击工作流可以查看打包的过程。
    目前我只在run npm ci处出错,因为package-lock文件没有最新,可以在本地项目更新依赖包再重新提交即可。发现cnpm是没用的,不清楚原因。。重新提交前要git pull下更新本地才可push

    npm install

    插件提示成功后可在服务器查看到打包后的文件。大功告成!!

    展开全文
  • 部署一、将后端项目springboot-war部署到服务器装的Tomcat上1、jar包部署2、war包部署二、将前端 vuecli3/4 部署到 Nginx1、修改 vue.config.js (没有的话自己新建一个,项目主目录下)2、nginx 配置1、下载 nginx2...

    版本说明:

    • 服务器:腾讯云 centos:7.6

    • nginx: 1.16.1 .tar.gz

    • jdk: jdk-8u261-linux-x64.rpm

    • tomcat: apache-tomcat-8.5.57.tar.gz

    • vue:

      “axios”: “^0.20.0”,

      “core-js”: “^3.6.5”,

      “vue”: “^2.6.11”,

      “vue-router”: “^3.2.0”,

      “vuex”: “^3.5.1”

    • vuecli4

    需要放行的端口:

    • 80
    • 8080
    • 你的 redis
    • 你的 mysql

    一、将后端项目springboot-war部署到服务器装的Tomcat上

    也可以打包成jar,直接 java -jar jar包 运行

    1、jar包部署

    • 没有安装 jdk 的 请看:

      1. 搜 华为 jdk 镜像,下载 jdk 8+ linux rpm 版,上传到 服务器 华为jdk镜像

      2. 安装 rpm -ivh jdk-xxx.rpm (没有权限的话 chmod 755 jdk-xxx-rpm )

      3. 添加环境变量配置

        vim /etc/profile
        #拉到最后添加以下配置
        set java environment
        export JAVA_HOME=/usr/java/jdk1.8.0_261-amd64
        JRE_HOME=/usr/java/jdk1.8.0_261-amd64/jre
        CLASS_PATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar:$JRE_HOME/lib
        PATH=$PATH:$JAVA_HOME/bin:$JRE_HOME/bin
        export JAVA_HOME JRE_HOME CLASS_PATH PATH
        #添加完毕刷新使得环境变量生效
        source /etc/profile
        #检查是否安装成功
        java -version
        javac -verison
        
    • 修改pom.xml

       <packaging>jar</packaging>
      
    • maven install /maven package 后上传到服务器(推荐 Alibaba Cloud Toolkit 工具,vscode、idea、pycharm、eclipse 都可以用,上传速度极快,远超 xftp)后输入启动命令: javac -jar xxx.jar

    image-20210402140852657

    2、war包部署

    • 没有安装jdk的请看前面的内容 安装jdk

    • 安装 Tomcat

      1. 下载 Tomcat

      2. 放到服务器中

      3. 解压 tar -zxvf tomcat-xxx.tar.gz

      4. 启动tomcat

        #将刚才解压的目录移动至指定的目录并重命名
        mv tomcat-xxx /usr/local/tomcat
        #进入Tomcat bin目录
        cd /usr/local/tomcat/bin
        #运行
        ./start.sh
        #关闭
        ./shutdown.sh
        
      5. 访问 服务器:8080 查看是否启动成功(需要放行端口)

    • 修改pom.xml

      <packaging>jar</packaging>
      ...
      <!-- 部署移除 内置 Tomcat -->
       <dependency>
           <groupId>org.springframework.boot</groupId>
           <artifactId>spring-boot-starter-tomcat</artifactId>
           <scope>provided</scope>
      </dependency>
      
    • 新增 ServletInitializer 类

      public class ServletInitializer extends SpringBootServletInitializer {
          @Override
          protected SpringApplicationBuilder configure(SpringApplicationBuilder application) {
              return application.sources(你的启动类.class);
          }
      }
      
    • maven install /maven package (最好修改war包名) 后上传到服务器 Tomcat 的 webapps 目录下,

      • 启动 Tomcat
      • 测试 ip:port 看看 Tomcat 是否启动成功,测试 ip:port/你的包名 是否启动成功(强烈建议项目有一个首页)

    二、将前端 vuecli3/4 部署到 Nginx

    1、修改 vue.config.js (没有的话自己新建一个,项目主目录下)

    const path = require("path");
    const port = 8080;
    function resolve(dir) {
      return path.join(__dirname, dir);
    }
    module.exports = {
      outputDir: "regcal",
      indexPath: "index.html",
      assetsDir: "static",
      lintOnSave: process.env.NODE_ENV === "development",
      publicPath: process.env.NODE_ENV === "development" ? "/" : "/",
      //部署时移除 devServer
      /*devServer: {
        port: port,
        open: true,
        overlay: {
          warnings: false,
          errors: true
        },
        proxy: {
          "/regcal-api": {
            target:
              process.env.NODE_ENV === "development"
                ? "http://服务器ip:服务器port/"
                : "http://生成环境的服务器ip:生成环境的服务器port/",
            changeOrigin: true, //允许跨域
            pathRewrite: {
              "^/regcal-api": "/regcal-back"
            }
          }
        }
      },*/
      // 打包设置
      //配置别名
      configureWebpack: {
        resolve: {
          alias: {
            "@": resolve("src") //用刚才定义的方法,实现@关键字代表src目录
          }
        }
      }
    };
    
    

    2、nginx 配置

    1、下载 nginx

    nginx由c编写,我们先从官网下载 1.16.1 稳定版,然后在centos6.8上编译运行:

    • 下载地址:
      http://nginx.org/en/CHANGES-1.16
      将压缩包上传到 centos6.8 的临时目录 /download
      上传完毕后进入上传目录,解压nginx:
      tar -zxvf nginx-1.16.1.tar.gz
      然后修改文件夹的名字
      mv nginx-1.16.1 nginx
      最后把nginx拷贝到/usr/local/src里面
      cp -r nginx /usr/local/src

    • 下载以下的nginx依赖包:

      1. yum install gcc-c++
        编译依赖的gcc环境

      2. yum install -y pcre pcre-devel
        Perl库 nginx HTTP 模块使用的pcre 来解析正则表达式

      3. yum install -y zlib zlib-devel
        zlib库提供了很多种压缩和解压缩的方式,nginx使用zlib对http包的内容进行gzip,所以需要在linux上安装zlib库。

      4. yum install -y openssl openssl-devel
        ** OpenSSL 是一个强大的安全套接字层密码库,囊括主要的密码算法、常用的密钥和证书封装管理功能及SSL协议,并提供丰富的应用程序供测试或其它目的使用。
        nginx不仅支持http协议,还支持https(即在ssl协议上传输http),所以需要在linux安装openssl库。
        **

    • 安装nginx

      1. 进入nginx的目录
        cd /usr/local/src/nginx

      2. 创建nginx的安装目录
        mkdir /usr/local/nginx

      3. 运行configure

      • 支持https stream

      ./configure --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module --with-stream

      1. make编译(注意必须在/usr/local/src/nginx目录下执行)
        cd /usr/local/src/nginx
        make

      2. make install编译安装注意必须在/usr/local/src/nginx目录下执行)
        cd /usr/local/src/nginx
        make install

      • 完成后可以看到nginx的安装目录
        ll /usr/local/nginx
        image-20210402144043203

        • conf 配置目录
        • html静态文件[cdn加速]
        • logs日志目录
        • sbin执行目录
      • nginx启动
        进入到nginx安装目录下的执行目录
        cd /usr/local/nginx/sbin
        ./nginx
        访问:ip:80
        成功代表nginx成功开启:
        image-20210402144017623

      • nginx停止
        cd /usr/local/nginx/sbin
        ./nginx -s stop

      • nginx重启

      • nginx刷新
        刷新[当用户修改了conf/nginx.conf]不需要重启
        cd usr/local/nginx/sbin
        ./nginx -s reload

    2、打包 vuecli 项目,将文件夹 regcal 利用 Alibaba Cloud Toolkit 工具 上传至 任意目录(为了方便,上传到 nginx 目录的 weapps 目录下)

    注意 webapps 是自己建立的,专门用于存放项目

    cd /usr/local/nginx

    mkdir webapps

    image-20210402144624881

    image-20210402144707976

    3、修改 nginx 配置文件

    worker_processes 1;
    
    events {
      worker_connections 1024;
    }
    
    #stream {
    #负载均衡,将 本地的8084 端口映射为 你的ip:80
    #server {
    # listen 8084;
    #proxy_pass 你的ip:80;
    #}
    #}
    
    http {
      include mime.types;
      default_type application/octet-stream;
      sendfile on;
      keepalive_timeout 65;
      server {
        listen 80;
        server_name localhost;
    
        location / {
          # 即 /nginx 安装目录下的 webapps/regcal 目录
          root webapps/regcal;
          index index.html index.htm;
          try_files $uri $uri/ @router;
        }
        location @router {
          # vue router 是虚拟路径,因此需要重写
          #因此需要rewrite到index.html中,然后交给路由再处理请求资源
          rewrite ^.*$ /index.html last;
        }
    
        #前端 api 请求后端映射,即  /regcal-back 请求走 本台机器 的 Tomcat 服务器 的 /regcal-back 项目接口
        location /regcal-back/ {
          #前端http请求转发的地址
          proxy_pass http://127.0.0.1:8080/regcal-back/;
          error_page 404 404.html;
          error_page 500 502 503 504 /50x.html;
          location = /50x.html {
            root html;
          }
    
    
        }
    
        #不配置 https 可以删除以下 server
        server {
          #默认端口443
          listen 443 ssl;
          # 自己的域名 例如 www.aaa.com
          server_name  自己的域名;
          #放在 了 nginx主目录下
          ssl_certificate ../1_regcal.work_bundle.crt;
          ssl_certificate_key ../2_regcal.work.key;
          ssl_session_cache shared:SSL:1m;
          # session 有效时间 5分钟
          ssl_session_timeout 5m;
          ssl_ciphers HIGH:!aNULL:!MD5;
          ssl_prefer_server_ciphers on;
          location / {
            proxy_pass http://localhost;
          }
    
        }
      }
    
    

    4、测试

    访问 服务器 ip(比如直接输入 129.09.112.11) 查看效果

    image-20210402145821780

    展开全文
  • vue cli3项目部署到Tomcat服务器

    千次阅读 多人点赞 2019-07-27 16:11:37
    第一次发布vue项目,虽然是本地电脑的,前端使用vue cli3,后端是SSM,遇到了一些问题,比如空白页面,还有请求数据404问题,然后找答案都是全或者是没有用,不过一点点测试就搞定了,下面是我整合的结果: ...

    第一次发布vue项目,虽然是本地电脑的,前端使用vue cli3,后端是SSM,遇到了一些问题,比如空白页面,还有请求数据404问题,然后找答案都是不全或者是没有用,不过一点点测试就搞定了,下面是我整合的结果:

    1.在Tomcat 文件夹中新建一个文件夹名字应该可以随便取,我命名为myvue

    tomcat地址:D:\apache-tomcat-8.5.40\webapps

    2.在myvue中新建WEB-INF文件夹,然后在里面新建一个web.xml的文件,在web.xml填入以下内容:

    <?xml version="1.0" encoding="UTF-8"?>
    <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" 
            xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
            xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
            http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
            version="3.1" metadata-complete="true">
         <display-name>Router for Tomcat</display-name>
         <error-page>
            <error-code>404</error-code>
            <location>/index.html</location>
        </error-page>
    </web-app>
     

     

    3.到vue项目中修改vue.config.js文件

    • 修改 publicPath: process.env.NODE_ENV === "production" ? "/你在Tomcat新建的文件夹名称/" : "/",

    •  将vue.config.js文件中的proxy设置为空,proxy:{},

     

    原因是因为在Tomcat发布项目地址端口是一样的,所以就不需要vue代理了,发送请求数据的时候只要将后端项目的名称(我的后端项目名:KeyWord

        替换掉之前请求地址this.$ajax.post("/api/users/saveUser",data),

        替换之后this.$ajax.post("/KeyWord/users/saveUser",data),

        所有的请求都得改。

    3.在路由router.js文件中添加

    base:'/你在Tomcat新建的项目文件夹名称/',

     

    4.最后vue cli3 项目打包生成dist文件,使用命令打包为:npm run build

    打包成功之后,复制dist文件夹中的文件,粘贴到Tomcat服务器的myvue文件夹中就可以了

    5.将后端项目打包.war文件,同样放到webapps文件夹中

    如何打包ssm项目:https://blog.csdn.net/qq_38337245/article/details/90668071,里面有打包的方式

    6.启动Tomcat,就可以了,在浏览器地址栏输入http://localhost:8080/myvue/,就可以显示页面了,请求数据也不会报错404了。

     

     

     

     

    展开全文
  • vueCLI3.0部署服务器 因工作需要.vue项目部署到服务器上.使用finalShell链接服务器与xshell基本相同.Xftp6来传输文件 vue项目打包 npm run build 此时目录会多出一个dist文件夹.这就是我们打包好的项目. 可以进入...

    vueCLI3.0部署服务器

    因工作需要.vue项目部署到服务器上.使用finalShell链接服务器与xshell基本相同.Xftp6来传输文件

    vue项目打包

    npm run build
    

    此时目录会多出一个dist文件夹.这就是我们打包好的项目.

    可以进入dist文件夹,打开里边的index.html文件.但是发现是空白的.

    这里提供一个方法可以查看,但只针对CLI3的架子.

    在项目所在路径cmd

    第一步执行:npm install -g serve
    第二步执行:serve -s dist
    

    随后复制地址到浏览器.如果能看到你的项目那就说明没有问题.

    继续部署.

    因为公司要求的部署并不是上线部署,每天的改动之后都要重新部署,所以就在网上找了一个自动部署的方法.

    首先会用到scp2

    npm install scp2 --save-dev
    

    项目根目录新建文件 xxx.js

    'use strict'
    // 引入scp2
    var 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)
      }
    })
    

    上传代码时记得忽略此文件,文件里有你服务器的信息和账号密码.

    在packge.js中写入下边两行命令

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

    执行这个自动部署的文件

    npm run deploy
    

    在这里插入图片描述

    项目打包完之后会执行我们的上传脚本.当然你也可以手动把文件移动到服务器文件夹.

    nginx安装.

    由于指定了版本的nginx,不能直接用命令来安装.

    ​ #下载文件

    wget http://nginx.org/download/nginx-1.1.6.tar.gz
    

    ​ #解压缩

    tar zxvf nginx-1.1.6.tar.gz   
    

    ​ #进入nginx目录

    cd nginx-1.1.6
    

    ​ #配置nginx

    ./configure --prefix=/usr/local/nginx
    

    ​ #编译nginx(生成2进制)

    make
    

    ​ #安装nginx(把生成的 2 进制复制到 prefix 指定的安装路径里

    make install 
    

    ​ #清除上次的make命令所产生的object文件(后缀为“.o”的文件)及可执行文件。

    make clean
    

    ​ #测试nginx

    cd /usr/local/nginx/sbin
    启动 ./nginx
    

    ​ #在浏览器输入虚拟机IP地址 可以看到Welcome to nginx! 证明安装并启动成功。

    使用nginx+uwsgi启动项目

    ​ vi /usr/local/nginx/conf/nginx.conf 修改配置文件

     server {
             listen       80; # 端口号
             server_name  22.222.22.222;# 服务器地址
             #charset koi8-r;
             rewrite ^(.*)$ https://${server_name}$1 permanent;# 重定向到443端口
            #access_log  logs/host.access.log  main;
            location / {
    
                root /home/vue;  # 服务器静态文件存放地址
                index index.html; 
                try_files $uri $uri/ /index.html; 
    
               }
            #error_page  404              /404.html;
    
            # redirect server error pages to the static page /50x.html
            error_page   500 502 503 504  /50x.html;
            location = /50x.html {
                root   html;
            }
        },
        server {
        listen       443;
        server_name  22.22.22.222;
        root /home/wwwroot;
        location / {
            root /home/vue;
            index index.html;
            try_files $uri $uri/ /index.html;
    
        }
    
    }
    
        
    
    

    阿里云的端口开放需要去添加新的安全组策略.和vim的简单操作.这个自行百度吧.

    重启nginx

    cd /usr/local/nginx/sbin
    ./nginx -s reload
    

    搞定!

    展开全文
  • windows下 vue cli3 项目部署到nginx

    千次阅读 2019-07-04 16:48:26
    本项目采用前后端分离框架vue @cli3,独立于后端部署前端应用,也就是说后端暴露一个前端可访问的API,然后前端实际上是纯净态应用。那么可以将 dist 目录里构建的内容部署到任何静态文件服务器中,但要确保正确的 ...
  • vuecli3打包部署到nginx,跨域问题处理 一、vuecli3后目录的build和config文件夹都没有了,大部分合成在vue.config.js,具体配置看 https://cli.vuejs.org/zh/config 其中常见的跨域处理: devServer: { proxy: {...
  • VueCli部署到低带宽服务器的打包优化 做了个简单的静态页面,但是发现部署到自己买的最低配服务器上打开太慢了, 于是最简单粗暴的优化了一下 首先安装 webpack-bundle-analyzer npm install webpack-bundle-...
  • 使用 npm run build 打包项目 在根目录中有一个dist...我使用的服务器是 Apache Tomcat 把项目放进tomcat /webapps 中 启动服务器 《mac OS tomcat 启动/停止服务》 访问地址http://localhost:8080/cnode ...
  • Vue前后端分离开发,会出现跨域等问题,同时请求的后端接口地址可能随时变动,有时甚至部署好后出现临时更改的情况。vue-cli里面配置接口URL一般可在.env.development(开发环境),.env.production(生成环境),这样在...
  • vue-cli项目打包部署到tomcat服务器

    千次阅读 2019-07-20 17:50:36
    使用vue create myApp创建的项目已经没有webpack.config.js文件了! 我们新建的目录一般如图: 并没有webpack.config.js文件,这个时候我们需要新建一个vue.config.js文件,写入以下内容。 // vue.config.js module...
  • vue-cli项目开发完成需要打包部署到服务器运行-操作流程如下:1.创建vue.config.js文件(在根目录下创建)2.编写vue.config.js文件代码内容-如下: 1module.exports={ 2outputDir:"competition",//打包后的文件名称 3...
  • 在本篇文章里小编给大家整理了关于Vue3项目打包后部署服务器 请求不到后台接口解决方法,有需要的朋友们可以参考下。
  • 1.第一个坑就是要通过FileZilla、FlashFxp5等软件上传本地电脑的文件阿里云服务器,但是在通过软件连接阿里云的时候不管通过什么方式都连接上,一直出现连接超过20S,连接超时的问题,阿里云配置没有问题,通过...
  • vue cli3.0项目打包部署服务器

    千次阅读 2019-12-31 12:58:18
    1.在项目根目录下创建vue.config.js 2.打开vue.config.js编辑 module.exports = { outputDir: '你的项目名', assetsDir:'static', publicPath:'', } 3.执行 npm run build 生成dist(该文件夹的名字为你vue....
  • 使用npm run build打包...这时候我们就需要用服务器来代理我们的页面,可以使用ningx,tomcat,或者apache,这里我们使用tomcat当作范例 找到tomcat的webapp目录 找到tomcat的文件夹后,在webapp文件夹下放入我们需...
  • 打包到服务器后,资源找不到路径,后台没有正确配置,用户在浏览器直接访问直接空白或404 三、思路: 前端部署路径publicPath是否正确; 前端路由模式是否配置正确; 后端配置是否正确; 四、解决方案: 假设...
  • github pages 是 github 免费为用户提供的服务,写博客,或者部署一些纯静态项目。...折腾了半天发现,我这是部署到 github pages ,服务器没有配置,导致页面一直请求不到。 2. 配置 publicUrl 打
  • vue-cli打包到部署到nginx服务器

    千次阅读 2018-07-06 15:14:00
    最近公司把云平台产品用vue 前后端分离的框架来写,前面大部分开发都比较顺利,后面打包部署出了bug 现在记录下自己遇到的哪些坑 1,我直接npm run build 打包出来,打开dist目录下面的index.html 空白页,页面...
  • 3.在当前目录下vue会给你生成一个名字叫dist的文件,把他压缩成tar格式的文压缩包,然后再把vue项目里面的package.json文件和刚才的压缩包一起拷贝过来一会儿要上传到服务器 4.下载安装Xshell软件(因为官方给的...
  • Vue_Cli 2.x版本打包部署 首先在config/index.js中配置相对路径 找到assetsPublicPath:’/' 在’/‘前加点assetsPublicPath:’./' dev的assetsPublicPath:’/'就不要加点了,不然会报错Can‘t Error 图片显示的...
  • 在根目录下新建文件vue.config.js 配置打包资源路径:默认是“./”,如果没有特殊需求就不要修改 代码如下: const path = require('path') function resolve(dir) { return path.join(__dirname, dir) } ...
  • 同时写Vue CLI 3和Vue CLI 2 的原因是官方默认的是3,而自己学习的GitHub上的项目为2~ 2.1 新版本 Vue CLI 3 写这篇文章的时候官网默认的为Vue CLI 3 npm install -g @vue/cli # OR yarn global add @vue/cli 2.2 旧...
  • phpstorm开发vue-cli并上传服务器怎么开发vue-cli项目这里多做叙述,这里只交代完成cli项目之后怎么上传网站服务器。1.在你使用phpstorm完成cli项目之后,打开终端,输入npm run build2.等待一段时间,它会自动...
  • vue-cli3部署到阿里云

    千次阅读 2019-07-04 10:01:03
    最近自己使用vue-cli3框架,仿照起点中文页面,参考网上一些追书神器的api和项目,自己重新做了一个阅读器,顺便打包部署到阿里云。因为是第一次部署到云,所以踩了不少坑,特此记录这个过程,防止以后采坑。 一、...
  • "html''Vue项目打包后,部署服务器,访问页面出现空白一片, 也真干净!"vue一. Vue项目打包循序渐进的开发完程序后, 每一个厨艺精湛的程序猿都迫切的想打包部署运行. 可是, 程序猿的世界,如意的事情,十之九九....
  • 打开生成的dist文件夹把里面部署到服务器根目录即可 安装node.js 首先检查电脑是否安装node.js以及版本 官方建议,node.js的版本,需要是8.9或者以上(建议是8.11.0+) 检查方法: 1.首先打开c...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,681
精华内容 2,272
关键字:

vuecli4服务器部署访问不到接口

vue 订阅