vue 部署到阿里云

  1. xshell 和 xftp 配合比较好用
    xshell用于敲命令
    xftp用于传文件和找文件
    网上的免费百度云下载:https://pan.baidu.com/s/1OlBSYFjdk9oDXot_V9VZUg 自用,公司用还请买正版
  2. 以下文件在 /etc/nginx/nginx.conf 内,使用 xftp 下载到桌面后修改,再传回去
    server {

    listen       80;                // 自定义端口
    server_name  120.79.208.206;      // ip地址
    root         /var/www/vuemusic;   // 目录,随便什么都行
    
    # Load configuration files for the default server block.
    include /etc/nginx/default.d/*.conf;
    
    location / {
        root /var/www/vuemusic;       // 目录
        index index.html;             // index.html
    }
    
    error_page 404 /404.html;
        location = /40x.html {
    }
    
    error_page 500 502 503 504 /50x.html;
        location = /50x.html {
    }
    

    }

    1. 也是容易忽略的一步,上面的端口80(或者其他自定义的),记得在阿里云ECS的安全组里开放这个端口,否则打不开的。
      添加安全组规则–>“入方向”,“出方向”都要选,协议类型TCP,端口80,授权对象0.0.0.0/0
    2. 把dist目录下的几个文件通过xftp传到 /var/www/vuemusic 目录下
    3. 记得 第二步改完后,nginx最好重启下
坚持原创技术分享,您的支持将鼓励我继续创作!