init sample

.gitignore

@@ -0,0 +1,5 @@
+.bui/
+.tmp/
+dist/
+node_modules/
+*.DS_Store

README.md

@@ -1,2 +1,82 @@
-# bui-sample-mpa
-BUI 多页工程示例，传统路由跳转
+# BUI-Sample-MPA
+
+> BUI 多页工程模板示例，可以直接在Github开发，Fork当前项目即可。组件化开发的方式，传统A标签页面跳转，如果使用 `github-codepace` 或者`vscode` 开发，安装 `bui-fast` 插件可以明显提升开发速度。
+
+> codespace 开发，记得关闭自动保存文件。
+
+[进入官网预览模板](http://www.easybui.com/).
+
+## 工程需要安装 Node 12+ 以上版本，建议在 node 16.x
+
+```bash
+
+# 安装依赖
+npm install
+
+# 运行调试，LINK扫码直接在手机操作预览
+npm run dev
+
+# 打包上架的 dist.zip
+npm run build
+
+```
+
+
+## 接口跨域问题
+
+跨域有2种处理方式；
+
+1. 根据你的chrome版本，有不同的跨域方式，这个可以百度“打开跨域的chrome”，这种方式比较简单，不用起服务都能正常预览，缺点是不能手机调试；
+2. 配置代理app.json 的方式，PC手机都能调试；
+
+例如 接口地址为： http://www.easybui.com/demo/json/shop.json
+
+```js
+   bui.ajax({
+      url:"http://www.easybui.com/demo/json/shop.json",
+      data: {}
+   }).then((result)=>{
+      console.log(result)
+   })
+```
+
+这种写法会出现跨域问题，可以通过配置 `app.json` 的 proxy 代理转发。
+
+```js
+{
+   proxy: {
+      "/demo": {
+         "target": "http://www.easybui.com",
+         "changeOrigin": true,
+         "ssl": false
+      }
+   }
+}
+```
+
+接口请求地址要变更为相对路径，所有以 demo开头的接口，都会触发代理。注意：demo/ 是关键字，且前面不能加 ”/“ <del>/demo/</del>
+
+```js
+   bui.ajax({
+      url:"demo/json/shop.json",
+      data: {}
+   }).then((result)=>{
+      console.log(result)
+   })
+```
+
+为了后续上架变更为正式环境，一般会在接口前加上一个变量；
+
+```js
+   // 正式环境
+   // var urlpath = "http://www.easybui.com/";
+   // 跨域调试环境
+   var urlpath = "";
+
+   bui.ajax({
+      url: `${urlpath}demo/json/shop.json`,
+      data: {}
+   }).then((result)=>{
+      console.log(result)
+   })
+```

app.json

@@ -0,0 +1,38 @@
+{
+  "distServer": {
+    "livereload": true,
+    "port": 9576
+  },
+  "devServer": {
+    "livereload": false,
+    "port": 9574
+  },
+  "qrcode": "/index.html",
+  "ignored": [
+    "!src/README.md",
+    "!src/preview.png"
+  ],
+  "proxy": {
+    "/demo": {
+      "target": "http://www.easybui.com",
+      "changeOrigin": true,
+      "ssl": false
+    }
+  },
+  "babel": {
+    "presets": [
+      "es2015"
+    ]
+  },
+  "package": {
+    "uglify": true,
+    "folder": "pages",
+    "main": "pages/main/main"
+  },
+  "cleancss": false,
+  "autoprefixer": true,
+  "uglify": true,
+  "htmlmin": false,
+  "imagemin": false,
+  "license": "MIT"
+}