# lamp-web 簡介 # 開發環境啟動 1. 自行安裝 node、npm 環境 ~~~ $ node -v v14.15.1 $ npm -v 6.9.0 ~~~ 2. clone 項目: - github ： https://github.com/zuihou/lamp-web.git - gitee ： https://gitee.com/zuihou111/lamp-web.git 3. 修改前端配置文件 [.env.development](https://github.com/zuihou/lamp-web/blob/master/.env.development) ： ~~~ VUE_APP_DEV_REQUEST_DOMAIN_PREFIX = 'http://127.0.0.1:8760' # 請求域名前綴， 該變量僅僅生產環境需要設置 VUE_APP_PROD_REQUEST_DOMAIN_PREFIX = '' # URI 前綴，用于根據URI前綴進行代理 VUE_APP_BASE_API = '/api' # 租戶類型 必須跟后端項目 mysql.yml 中 lamp.database.multiTenantType 配成一樣. 可選項:NONE、COLUMN、SCHEMA、DATASOURCE VUE_APP_IS_MULTI_TENANT_TYPE = SCHEMA # 登錄頁面是否顯示驗證碼 VUE_APP_IS_CAPTCHA = true # 客戶端秘鑰 (密鑰必須在c_application表提前配置) VUE_APP_CLIENT_ID=lamp_web VUE_APP_CLIENT_SECRET=lamp_web_secret ~~~ 4. 修改 [vue.config.js](https://github.com/zuihou/lamp-web/blob/master/vue.config.js) 文件 ~~~ proxy: { [proxyUrl]: { target: targetUrl, changeOrigin: true, pathRewrite: { ['^/api/tenant/']: '/', ['^/api/oauth/']: '/', ['^/api/authority/']: '/', ['^/api/msg/']: '/', ['^/api/file/']: '/', ['^/api/gateway/']: '/gateway', ['^/api/gate/']: '/', ['^/api/activiti/']: '/', } } } ~~~ 5. 安裝 ~~~ # 安裝依賴 npm install --registry=https://registry.npm.taobao.org # 若你是m1 芯片，請使用如下命令 # 感謝 https://github.com/WZR8277 用戶提供的解決方案 npm install --ignore-scrips --registry=https://registry.npm.taobao.org ~~~ 6. 有報錯怎么辦？ ``` 逐個試試下面的方法： npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/ git config --global url."https://".insteadOf git:// npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver cnpm install core-js@2.6.9 # 還不行？學會搜索吧... 我也不知道如何解決。 ``` 7. 啟動 ~~~ npm run dev ~~~ 8. 訪問 [http://localhost:8080](http://localhost:8080/) 9. 前端文檔： lamp-web 項目基于 `vue-element-admin` 和 `element-ui` ，詳細的使用文檔請參考他們的官方文檔： - https://panjiachen.gitee.io/vue-element-admin-site/zh/ - https://element.eleme.cn/