记录一下宝塔部署vue-element-admin后台项目

版本

v4.2.1

前言:

公司后台项目是前后端完全分离的，后端服务器地址与前端项目放在不同的服务器上，并且所使用的域名不同，后台linux使用了宝塔面板作为前端项目存放(主要是太菜了只会用带图文的linux了)。

问题：

如果仅仅只是打包，然后直接部署上去会出现访问接口的时候出现404错误，因为当前域名与服务器的域名压根就不一样。

流程：

• 项目 .env.production 文件 VUE_APP_BASE_API 设置为 /api (这个名称可以自定义)
• 执行项目打包命令 npm run build:prod 此时会在项目目录生成 dist 目录
• 将里面的 static 与 index.html 打包放到网站目录内
• 修改宝塔网站的 配置文件 添加以下代码

    location /api {
      rewrite  ^.+api/?(.*)$ /$1 break;
      include  uwsgi_params;
      proxy_pass   http://admin.testadmin.com;
    }

• location后面/api与前面定义的名称一致，并且下面的rewrite中的api也与一致
• proxy_pass 修改为自己的后端服务器接口地址