## 构建生产环境 生产环境无需使用`npm run dev`启动前端lamp-web项目,只需要将项目打包成静态页面,然后使用nginx进行代理即可访问。 1. 修改前端配置文件 [.env.production](https://github.com/zuihou/lamp-web/blob/master/.env.production) : ~~~ VUE_APP_DEV_REQUEST_DOMAIN_PREFIX = '' VUE_APP_PROD_REQUEST_DOMAIN_PREFIX = '' # base api VUE_APP_BASE_API = '/api' # 租户类型 必须跟后端项目 mysql.yml 中 lamp.database.multiTenantType 配成一样. 可选项:NONE、COLUMN、SCHEMA、DATASOURCE VUE_APP_IS_MULTI_TENANT_TYPE = SCHEMA ~~~ 2. 将源码打包成静态文件 ~~~ npm install npm run build:prod ~~~ ![](https://img.kancloud.cn/be/14/be14d84b007e25bdc94ab569cb0c2c3b_623x406.png) 3. 构建完成后, 会生成一个 `lamp-web` 文件夹, 将该文件夹上传到服务器任意路径 (如:/data/projects/ ), 然后使用nginx 配置代理。 ![](https://img.kancloud.cn/a6/13/a613307b6405d69269214ec34e184fb3_638x621.png) 4. 为了解决跨域问题, nginx 需要将代理 `lamp-web` 的端口和后端网关的端口保持一致. 5. 配置nginx : ~~~ server { listen 80; server_name tangyh.top; underscores_in_headers on; # /lamp-web 代理前端 location /lamp-web { proxy_set_header Host $host:$server_port; proxy_redirect off; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_connect_timeout 60; proxy_read_timeout 600; proxy_send_timeout 600; # 请将第三步打包后生成的 lamp-web 文件夹上传到 nginx 所在服务器的 /data/projects/ 目录 root /data/projects/; index index.html; } location /api/authority/ { proxy_pass http://172.16.0.6:8760/; # 这里代理的地址一定是 lamp-boot 项目的 lamp-boot-server 服务的请求地址 } location /api/tenant/ { proxy_pass http://172.16.0.6:8760/; # 这里代理的地址一定是 lamp-boot 项目的 lamp-boot-server 服务的请求地址 } location /api/oauth/ { proxy_pass http://172.16.0.6:8760/; # 这里代理的地址一定是 lamp-boot 项目的 lamp-boot-server 服务的请求地址 } location /api/file/ { proxy_pass http://172.16.0.6:8760/; # 这里代理的地址一定是 lamp-boot 项目的 lamp-boot-server 服务的请求地址 } location /api/msg/ { proxy_pass http://172.16.0.6:8760/; # 这里代理的地址一定是 lamp-boot 项目的 lamp-boot-server 服务的请求地址 } location /api/gateway { proxy_pass http://172.16.0.6:8760/gateway; # 这里代理的地址一定是 lamp-boot 项目的 lamp-boot-server 服务的请求地址 } location /api/activiti/ { proxy_pass http://172.16.0.6:8760/; # 这里代理的地址一定是 lamp-boot 项目的 lamp-boot-server 服务的请求地址 } } ~~~