# demi_user

**Repository Path**: andygitee2025/demi_user

## Basic Information

- **Project Name**: demi_user
- **Description**: demi_user,项目用户端
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-11-10
- **Last Updated**: 2025-11-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 用户端

界面导航在 page.json


使用echarts
-package.json
//    "echarts": "^5.5.1",
-package-lock.json

## 项目运行和部署

### 运行

1,点击HBuilderx，菜单 文件 -> 打开目录，然后选择项目，点击选择文件夹按钮，即可成功导入。
2,点击HBuilderx，菜单 运行 -> 运行到浏览器,然后选择浏览器类型（chrome），即可在浏览器里面访问.
### 部署

1-修改后端请求接口，编辑App目录下的config.js

当项目开发完毕，只需要点击HBuilderx，菜单 【发行】 -> 网站-PC WEB或手机H5，然后填好标题及域名，点击发行按钮，即可成功打包。

构建打包成功之后，会在根目录生成 unpackage/dist/build/h5 文件夹，里面就是构建打包好的文件，通常是 ***.js 、***.css、index.html 等静态文件。

通常情况下 dist 文件夹的静态文件发布到你的 nginx 或者静态服务器即可，其中的 index.html 是后台服务的入口页面。

如果是H5部署，推荐通过Nginx代理配置。将config.js的baseUrl换成/prod-api。

如何发布Android、IOS、小程序

也是一样的流程，发行的时候选择需要的方式。
小程序及APPbaseUrl使用域名或IP方式访问。



## 是否显示悬浮按钮
return {
    showFloatMenu: false
}


# Nginx配置
worker_processes  1;

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;

    server {
        listen       80;
        server_name  localhost;
		charset utf-8;

		location / {
			root   /home/ruoyi/projects/ruoyi-h5;
			try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }
		
		# 默认所有路径
        location /prod-api/ {
            proxy_set_header Host $http_host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header REMOTE_HOST $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
			proxy_set_header X-Forwarded-Proto $scheme;
			proxy_set_header X-NginX-Proxy true;
			
            # 反向代理配置
            proxy_pass http://localhost:8081/;
        }
		
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}
## 平台简介

Demi App 移动解决方案，采用uniapp框架，一份代码多终端适配，
同时支持APP、小程序、H5！
目前已经实现登录、我的、工作台、编辑资料、头像修改、密码修改、常见问题、关于我们等基础功能。


# 需求分析
1-
要求：当点击弹出框showLocationDialog之外的部分时，弹出框自动关闭

2-
点击顶部的 商家时 弹出一个界面，显示商家的具体信息，1：文字描述，2:四个图片展示，3:一个视频展示

**获取userId**

``` import store from '@/store'
var id = store.getters.id;
console.log("\n-----userid");
console.log(id)
```