阿里云nginx正式服务器（没有node） 部署 vue 项目

• 本地代码 ，将本地 vue 的请求接口的 ip 配置完成 & 打包

npm run build 

• 服务器配置 本人没有域名，所以就用 ip + 端口 配置

切换到 nginx 配置 vhost 下 重新copy一份配置

cp default.conf vue.conf

配置 vue.conf 请注意注释

vim vue.conf

server {
    listen       8021;  # 你开放的的端口号
    server_name  47.10466.8449.18499;#你的域名 或者 ip
    root   /usr/share/nginx/html/weiboVueHome/dist;#你代码目录 记得配置到 ‘dist’
    #charset koi8-r;
    #access_log  /var/log/nginx/host.access.log  main;

    location / {
       # root   /usr/share/nginx/html;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html; #这里是 解决 vue 但页面跳转 404 问题，如果不是 vue 但页面项目 例如 vue-admin 请注释掉这里
    }

    #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   /usr/share/nginx/html;
    }
}

重新 加载 & 启动 nginx

systemctl reload nginx
systemctl restart nginx