部署vue-element-admin流程

Posted whyaza

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了部署vue-element-admin流程相关的知识,希望对你有一定的参考价值。

1.修改环境变量:
在以下两个文件:

.env_staging            【如果修改这个,需要以npm run build:stage启动】
.env_production         【如果修改这个,需要以npm run build:production启动】

修改内容为:

# just a flag
ENV = 'production'

# base api
VUE_APP_BASE_API = '/prod-api'        //一般这个是模板 : 模拟数据的api
VUE_APP_BASE_API2 = 'http://IP:PORT/server/sdk'    //这个项目后台的api,可以多个

修改了这一步,在客户端,才能利用env.process.env.VUE_APP_BASE_API 取得到对应的值。要不,对应代码,里面读取不到。

  1. 修改nginx配置
location /server/sdk {
                        proxy_pass      http://IP:PORT/server/sdk;
                }

                location / {
                        # 前端打包的静态文件
                        root    /var/www/dist/;
                        try_files $uri $uri/ /index.html;
                        index   index.html      index.htm;
                }   

以上是关于部署vue-element-admin流程的主要内容,如果未能解决你的问题,请参考以下文章

vue-element-admin 后台管理系统

vue-element-admin 后台管理系统

VSCode自定义代码片段——git命令操作一个完整流程

VSCode自定义代码片段15——git命令操作一个完整流程

VSCode自定义代码片段15——git命令操作一个完整流程

EKS 训练营-vue 项目实战(16)