# 介绍

TIP

后台系统基于 Nuxt 2.12 + TypeScript构建

# 技术栈

尚未完善

# 文件目录

项目所在文件夹 /h5 , 文件目录如下

+-- dist  #build出来的文件夹，用于生产环境
+-- components  #组件目录
+-- layouts  #布局文件目录
+-- middleware  #中间件目录
+-- mixins  #mixins文件目录
+-- pages  #vue文件目录
+-- plugins  #插件目录
+-- server  #服务端代码目录
+-- static  #静态文件目录
+-- store  #vuex文件目录
+-- types  #.d.ts目录
+-- utils  #工具类ts文件目录
+-- .editorconfig  #编辑器格式控制文件
+-- .eslintrc.js  #ESLint配置
+-- tsconfig.json  #typescript配置文件
+-- README.md
+-- nuxt.config.js  #nuxt配置文件
+-- vue-shim.d.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

# 配置文件

1..env配置文件。注意：该文件只在所有模式下有效。本文件不纳入git版本管理，请自行创建

# 本地网页端口，指定本地网页运行在哪个端口
PORT=8997
# 本地代理到api的地址
API_PATH = http://127.0.0.1:8009

1
2
3
4

# 命令

本项目采用的是yarn安装依赖的方式，而不是npm(npm可能安装不成功)，所以你需要全局安装yarn：

npm i -g yarn

为保证安装速度，最好是将下载源指向国内：

yarn config set registry https://registry.npm.taobao.org -g

yarn  # 安装依赖

npm run dev # 本地编译热启动

npm run build # 编译代码
npm run start # 生产模式启动代码

npm run lint # 校验所有文件的代码格式，并且自动修改并保持可以修改的格式

1
2
3
4
5
6
7
8

# 启动步骤

1.启动本地开发服务器
```
npm run serve
```

# 打包部署

1）用git上传代码
3）在qx-test-sit这个服务器上执行

 1.   cd  /data/fushui/lily   
 2.   ./startWeb.sh feature_02121801_init  h5   #执行脚本，参数1：:分支名，参数2：项目名（目前只支持：h5和admin）

1
2

编译完成之后访问下面链接即可(需要配置host指向：123.59.143.167)：
链接： https://testm.tanxingk.com/

注：这里只拿测试环境部署，正式环境由运维来部署操作，原理一致。

# 约定

系统的请求里含有/api/前缀来标志是ajax请求，以便于区别是其他的url连接，因此请不要在路由路径里带/api/字符串。

# 附录

生产环境nginx配置

 #资源
location ^~ / {
    add_header 'Access-Control-Allow-Origin' '*';
     proxy_pass http://127.0.0.1:8997/;
}

location ^~ /api/ {
    add_header 'Access-Control-Allow-Origin' '*';
    proxy_pass http://127.0.0.1:21414/;
}

1
2
3
4
5
6
7
8
9
10