Vue项目打包部署上线流程

717人浏览 2022-07-26

1.代码打包

npm run build

npm run build:prod

//打包到指定路径
npm run build:prod -- --dest=/Users/lk/go/src/my/car/web/dest

2.把打包生成的dest文件夹上传到服务器

3.创建nginx站点

server
{
    listen 80;
    server_name test.com;
    index index.php index.html index.htm default.php default.htm default.html;
    root /var/web/dest;


    #禁止访问的文件或目录
    location ~ ^/(\.user.ini|\.htaccess|\.git|\.svn|\.project|LICENSE|README.md)
    {
        return 404;
    }

    #一键申请SSL证书验证目录相关设置
    location ~ \.well-known{
        allow all;
    }

    location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
    {
        expires      30d;
        error_log /dev/null;
        access_log /dev/null;
    }

    #对应API代理路径 非常重要
    location /prod-api {
      proxy_pass https://test.com/api/v1;
    }
    location ~ .*\.(js|css)?$
    {
        expires      12h;
        error_log /dev/null;
        access_log /dev/null;
    }

}

 

推荐文章

使用npm安装vue框架
2020-10-21
在win10下使用压缩包安装npm和node,绿色版安装npm
2020-10-21
npm 常用命令汇总
2020-10-21
搜索文章